I'm trying to figure out how to publish "playlist styled" posts on Facebook timeline with list of songs (like Spotify does)? We have web pages representing playlists and the pages marked with "open graph" like this:
<meta property="og:type" content="music.playlist"
<meta property="og:url" content="playlist url">
<meta property="og:title" content="playlist name">
<meta property="og:description" content="description">
<meta property="og:image" content="image url">
<meta property="music:song" content="song-url-1"
<meta property="music:song" content="song-url-2">
<meta property="music:song" content="song-url-3">
<meta property="music:song" content="song-url-4">
However, facebook does not show the list of song. There are just title, description and image appear.
Thanks!
You can create a playlist via
POST /me/music.playlists
See https://developers.facebook.com/docs/reference/opengraph/action-type/music.playlists
According to https://developers.facebook.com/docs/reference/opengraph/object-type/music.playlist/ the structure of a playlist should be
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# music: http://ogp.me/ns/music#">
<meta property="fb:app_id" content="302184056577324" />
<meta property="og:type" content="music.playlist" />
<meta property="og:url" content="Put your own URL to the object here" />
<meta property="og:title" content="Sample Music Playlist" />
<meta property="og:image" content="https://s-static.ak.fbcdn.net/images/devsite/attachment_blank.png" />
<meta property="music:song:url" content="Sample Song: URL" />
</head>
Have a look at music:song:url, you're using music:song only! But I'm not sure if you can create a playlist at all, because https://developers.facebook.com/docs/opengraph/guides/music.playlists/#requirements states that
In order to access the Create Playlist action, you must have the appropriate relationships in place with rights owners. We are currently not accepting any new submissions for the Create Playlist action.
Related
It is easy to put youtube video into meta tag. But I am trying to put a facebook page video into the og:video meta tag. However, the video doesn't show up. Any idea?
<!-- https://developers.facebook.com/docs/sharing/webmasters#media -->
<meta property="og:url" content="http://homemaidapp.com/apps/rfsn/test2.php" />
<meta property="og:title" content="test title" /
<meta property="og:description" content="test descritpion" />
<meta property="og:image" content="http://homemaidapp.com/apps/rfsn/image/sample_fb_share.png" />
<meta property="og:type" content="video" />
<meta property="og:video" content="https://www.facebook.com/video.php?v=1013127335421377_990687704332007">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="500">
<meta property="og:video:height" content="281">
<meta property="fb:app_id" content="348767955164988"><!-- facebook app id for tracking or advanced function -->
I found the facebook video download link can be used to put into the og:video and I changed the og:video:type to video/mp4. It works.
In my application I've got products and sets of products.
As I found on Facebook Open Graph documentation, there are two similar to mine og types:
Set: https://developers.facebook.com/docs/reference/opengraph/object-type/product.group/
Set element (product): https://developers.facebook.com/docs/reference/opengraph/object-type/product.item/
I tried to describe my application sub-page as one of above og types by placing meta tags:
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
<meta property="fb:app_id" content="xxx" />
<meta property="og:type" content="product" />
<meta property="og:url" content="my url" />
<meta property="og:title" content="my title" />
<meta property="og:image" content="my thumb" />
<meta property="og:site_name" content="my sitename" />
<meta property="product:price:amount" content="my price" />
Facebook Open Graph debugger recognizes my url as product. But I do not know can I link product to product.group.
I would like to achieve scenario that user may like group of products (product.group including many og types product.item). I've got url: /list/1 and when someone like/share the list, I want to present it nicely on user timeline.
What's the trick with Open Graph tags to get Facebook to let you to choose from a list of thumbnails?
Facebook auto-chooses the first image I output in my og tags and doesn't give me the ability to choose a second (or third, etc) from the post. The "Choose a thumbnail" control is not enabled and says 1 of 1.
When I debug the page using the Facebook debugger, it successfully shows me all the images and doesn't report any errors.
As an example, here are my og tags:
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page Description">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.test.com/index.cfm">
<meta property="og:image" content="http://www.test.com/images/og-3.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image" content="http://www.test.com/images/og-4.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
Put <img src="image.jpg" /> in your object page's <body> for each of your images.
I added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!
I have a page (URL) that visitors to my website can share on their wall. What I'd like is when their friends view the post in their feed that the link of the post clicks through to my website but that the post on their wall also include a video they can play directly in their feed.
I have been trying to get this to work with Facebook page meta data but so far no luck. I have added the following tags, is there anything obvious I'm missing?
<meta property="fb:app_id" content="xyz" />
<meta property="og:title" content="My Page Title" />
<meta property="og:type" content="video" />
<meta property="og:url" content="/url/to/my/site" />
<meta property="og:description" content="Lorem ipsum" />
<meta property="og:image" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video" content="http://www.youtube.com/watch?v=xCydfLwgXI" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:secure_url" content="https://www.youtube.com/watch?v=xCydfLwgXI" />
Indeed, very popular question.
Look at source: http://fb.stevelarsen.co.uk/example.html
Similiar topic: Open graph og:video Meta Tags content