So I'm using wordpress to manage a website.
I would like to have the itunes listing displayed in the website.
I saw a site that did this here: http://gungormusic.com/#!/music/
any idea how to do this:
?
I'm looking for the same thing. so far the closest i've seen is this: I'm actually looking too.
http://widgets.itunes.apple.com/builder/
It's too small of a widget for what we want to use though, but it's a start.
The layout and UI above was designed by that website owner. Apple doesn't provide this drop-in functionality.
Check out the iTunes Affiliate program for access to the metadata and tools for linking to iTunes content and access to album art:
http://www.apple.com/itunes/affiliates/resources/
The Search API will get you pretty close to the metadata you need for displaying the podcast you are interested in:
http://itunes.apple.com/lookup?id=498833764
It seems they are making it themselves, in wordpress with custom post types and meta fields... here's the iframe link on the example I gave: http://gungormusic.com/wp-content/themes/skortheme/itunes_iframe.php?s=false&collection_id=562515255
Seems to be a simple hand made solution!
Related
I am currently building a website (not for any profit but just as a personal project) that I want to be as a sort of "directory" with a bunch of different posts from different websites (think of it more like a tutorial website), however I want the posts to show up within my site and don't want to be directed away from my site because then you have to go back to the directory to find more posts.
My initial idea was to have all the posts internally just pop up with the content in an iframe, this worked great for smaller sites but a lot of big sites have iframe blockers (understandably to stop people making profit off of their content).
Is there a way I can embed these posts in my site?
I don't think that is possible. The only way to make this work, is if the post or element from a website supports iframe data. It is like when embedded a YouTube video into a website: they would give you the iframe code to put in your website. It will only work if the developers for the website have created iframe code to use.
For an example, this would be how you can Embed a YouTube video (only works if you are using a computer). This also may work for other platforms like Instagram or Twitter:
Step 1: Click share below the video
Step 2: Click the embed button
Step 3: Copy and paste the code in your website and style it however you want
If the websites you want the posts from have an RSS feed (or another kind of API) set up, you can build an RSS Reader app.
Note that a lot of sites won't expose their whole articles in the RSS feed but only summaries.
I have been spending my past week on the Internet to find at least one hint about it. There are no tutorials or even SO questions available. What I am trying to find is that when some website uses some library like oEmbed to embed content of other websites on their website, they fetch embed code from its link. For example, when you post a YouTube link on Facebook or other social networks, they automatically fetch their embed code. I know how to fetch embed code but what I don't know is how to provide embed code that can be fetched by other websites by using a link of my website's content?
I want that my article should be embedded in some special way. Not like the default layout of that website. So is there any META tag or something in HTML where I can put embed code for other websites?
I don't think what you want is possible. You can use special meta-tags that specific sites (e.g.: Facebook, Twitter, Linkedin) will interpret, and that will help you customize the share a little (still using the "host site" style). But as far as I know, there's nothing you can do to provide style/code of your own.
And it makes sense from a security point of view: embedding external code from an unknown source is potentially dangerous and no site would/should allow you to do it. Even if they do allow it, they should pre-process the code and sanitize it (adapting your style/code to their style/code) to prevent possible threats.
As suggested by Alvaro Montoro, I searched on the Internet about how to become an oembed provider. Following are the links I found:
https://timnash.co.uk/becoming-oembed-provider/
http://freear.org.uk/content/5-steps-being-oembed-provider
You may want to use the CSS !important directive.
http://css-tricks.com/when-using-important-is-the-right-choice/
I've been able to embed my latest 10 Tumblr posts into a website, but it doesn't include all of the functionality (comments, re-blogs, shares, etc.) of Tumblr. I'm really looking to do that, but I can't find an answer on this anywhere.
I know a lot of programming languages, so I'll take a solution in any language. The website IS a built-from-scratch website, so a Wordpress plugin won't help.
EDIT: Just to confirm (based on comments/questions below), we've followed the API documentation. We've got plenty of APIs working, but this one doesn't. We've tried gems, a Javascript version, the API with oauth and tokens, and more attempts than I can recall.
It's easy to do in Wordpress, and if we were doing it as a subdomain of a site, that would be possible. But the client (pro-bono) wants it embedded on a page that does lots of other things. Maybe there's a Javascript library we don't know about? Some other secret means of doing it? But the API (at least with available documentation) isn't working. Heck, even if you could direct us to a site where someone is using Tumblr embedded on a non-Wordpress/Tumblr website, that would be helpful. We could inspect the code.
We've got Twitter, Google Maps, and plenty of other APIs working. I swear we aren't idiots, and the answer to this isn't as easy as it appears.
THANKS!
If you want a clear example on how to use the JSON, check this link, it helped me tons:
http://janzheng.com/2013/06/tumblr_integration.html
I want to add a facebook-like "Wall" to my site, but to make it useful, I want members to be able to enter an external web site URL just like facebook, Linkedin and others do, and I need my site to extract a thumb and page description and display it in the member's feed on their wall. I know facebook tries to use OG tags, and I am not quite sure how LinkedIn and others do it, so my question is:
Are there any PHP or javascript libraries out there to grab, interpret and return the most likely image/description for any random web URL so that I can display that on the member's "wall" wthin my site? I have seen that there are plenty of RSS feed libraries, but I want it to work with any random web page and have it go to work as soon as the member clicks on the "Post" button to add it to their wall.
I know facebook does it immediately when a URL is added to a post, even before the post is published, but I don't need it to work that immediately.
I highly recommend trying out embed.ly. You didn't mention what type of platform you are using, but embed.ly has plugins for Wordpress, Joomla and Drupal, as well as developer code for javascript/jQuery, php, and a couple other languages. You can view it all here: http://embed.ly/docs.
You'll need to sign up for an API key, there is a free version, and if you need to embed more than 10,000 links a month you can start paying.
On a WordPress site I'm developing right now (not open to public, sorry!), I had a similar problem where I need to allow users writing posts or managing the home page to enter a link of just about anything, from static web pages to blog articles to videos.
I followed the instructions on the tutorial page and the functionality I needed was there. -- looks like I don't have enough reputation to post more than one link, but the path is
/docs/tutorials/jquery in the embed.ly site.
I was wondering which elements are fetched when an user shares an url on Facebook or Google+...
For example: how can i make sure the description of the post will be the description i want to be shared and the image will be the image i want to be shared?
Title is pretty obvious, so i skipped that.
Facebook suggests the opengraph protocol: http://ogp.me
It works reliable and can be checked with the facebook url linter http://developers.facebook.com/tools/lint/
Funny, I just wrote a blog post about this this week. It seems to me that there's no reliable way of knowing how either social network site will parse your web page to get the "status" version of it. Not only does each site do it differently (i.e. FB, vs. linkedin vs. G+), but they're liable to change it at a whim.
So currently the short answer is that you can't know this for sure. You have to reverse engineer each social network site's behavior and hope it doesn't change too often. That is until the industry smartens up and decides on some markup to convey, for example, which image form a page is considered the cardinal "share" image, and so on.