I've put in my page's header the following
<link rel="image_src" href="http://fractalsoft.s3.amazonaws.com/sfondo.jp2" />
but the thumb is not showing up.
I think the problem is that the image is located outside the site.
Is there a way to solve this?
Thanks!
Ok, i just added this inside my tag and i was done:
<meta property="og:image" content="http://s3.amazonaws.com/andrea/photos/activities/26/medium.jpg?1304082168"/>
And there are other useful tags:
<meta property="og:title" content="..."/>
<meta property="fb:app_id" content="..."/>
<meta property="og:type" content="activity"/>
<meta property="og:url" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:site_name" content="..."/>
<meta property="og:description" content="..."/>
Hope this helps!
Related
We are using this example to share content on facebook.
http://flowplayer.blacktrash.org/fbshare.html
But when we are sharing as per example its showing a save button on share dialog. Please tell us how we can remove this.
<meta name="medium" content="video">
<meta name="title" content="Flowplayer Demo Video">
<meta name="description" content=
"This Flowplayer demo video is coming from a page providing only the most minimal content to share a video on Facebook with Flowplayer.">
<meta name="video_type" content="application/x-shockwave-flash">
<meta name="video_height" content="300">
<meta name="video_width" content="500">
<link rel="video_src" href=
"http://flowplayer.blacktrash.org/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27http%3A%2F%2Fstream.flowplayer.org%2Fflowplayer-700.flv%27%7D%7D">
<link rel="image_src" href="http://flowplayer.org/img/home/flow_eye.jpg">
<meta property="og:url" content="http://flowplayer.blacktrash.org/fbshare.html">
<meta property="og:site_name" content="Flowplayer Demos">
<meta property="og:type" content="movie">
<meta property="og:title" content="Flowplayer Demo Video">
<meta property="og:description" content=
"This Flowplayer demo video is coming from a page providing only the most minimal content to share a video on Facebook with Flowplayer.">
<meta property="og:video:height" content="300">
<meta property="og:video:width" content="500">
<meta property="og:image" content="http://flowplayer.org/img/home/flow_eye.jpg">
<meta property="og:image:secure_url" content=
"https://d12zt1n3pd4xhr.cloudfront.net/fp/img/flow_eye.jpg">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video" content=
"http://flowplayer.blacktrash.org/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27http%3A%2F%2Fstream.flowplayer.org%2Fflowplayer-700.flv%27%7D%7D">
<meta property="og:video:secure_url" content=
"https://d12zt1n3pd4xhr.cloudfront.net/fp/swf/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27https%3A%2F%2Fd12zt1n3pd4xhr.cloudfront.net%2Ffp%2Fflowplayer-700.flv%27%7D%7D">
I am trying to embed my own custom video player on Facebook, and I don't know why it does not work. It was build with the YouTube API. After much googling around, I still can't find an answer.
Below is the code I am using. What could be the problem? Any ideas?
(Note, if I use YouTube URL it works, but when I use my own working swf, it doesn't)
<meta property="fb:app_id" content="870699924261475"/>
<meta property="og:site_name" content="example.com"/>
<meta property="og:title" content="This is my title"/>
<meta property="og:description" content="this is a description of my own video player"/>
<meta property="og:url" content="http://www.example.com"/>
<meta property="og:type" content="video"/>
<!--<meta property="og:video" content="http://www.youtube.com/v/vIu85WQTPRc?version=3" /> -->
<meta property="og:video" content="http://www.example.com/example.swf?v=vIu85WQTPRc" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="374" />
<meta property="og:video:height" content="202" />
<meta property="og:image" content="http://example.com/images/logo_beta.gif"/>
You need to specify the og:secure_url property for people browsing facebook with HTTPS.
i am trying to share video, but somehow i am not able to share it
i can only see image, title description but not video
following is the meta tag i have use
<meta property="fb:app_id" content="xxxxx-fb id-xxx">
<meta property="og:url" content="http://example.com/fbshare.php">
<meta property="og:title" content="meta title">
<meta property="og:description" content="meta desc...">
<meta property="og:type" content="video">
<meta property="og:image" content="http:path to image/example.jpg">
<meta property="og:video" content="http://example.com/example.swf">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="224">
<meta property="og:site_name" content="example">
let me know what things i have to set or update it
I'd like to post articles from my site onto my timeline, however somewhere along the line the metatags are emptied. For example:
http://www.uisge-beatha.eu/logboek/401/Verbouwing-koelbox-3.html
If I look at the source of the site I see the following OG-tags
<link rel="canonical" href="http://www.uisge-beatha.eu/logboek/401/30/Verbouwing-koelbox-3.html" />
<meta property="fb:app_id" content="175931732519501" />
<meta property='og:type' content='article'>
<meta property="og:url" content="http://www.uisge-beatha.eu/logboek/401/30/Verbouwing-koelbox-3.html" />
<meta property="og:image" content="http://www.uisge-beatha.eu/uploads/cgblog/id401/Koelkast_-_30.jpg" />
<meta property="og:title" content="Verbouwing koelbox - 3" />
<meta property="og:description" content="Het testen van de compressor..." />
By checking the FB debugger, it sometime process it ok and sometimes it fails. All for unknown reason. https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.uisge-beatha.eu%2Flogboek%2F401%2FVerbouwing-koelbox-3.html
In the case it processes ok, I do see the information I would expect based on the source of the page, by looking at the OG-metatags. However, if I look at scraper, than these metatags are empty.
<link rel="canonical" href="http://www.uisge-beatha.eu/Nieuwtjes.html">
<meta property="fb:app_id" content="175931732519501">
<meta property="og:type" content="article">
<meta property="og:url" content="">
<meta property="og:image" content="/">
<meta property="og:title" content="">
<meta property="og:description" content="">
Don't know why these are empty. Been digging for an solution for hours, but find none.
The template of the site responsible for "filling" the metatages contains smarty logic:
<link rel="image_src" type="image/jpeg" href="{$entry->file_location}/{$entry->fieldsbyname.facebook_thumbnail->value}" alt="{$entry->title|escape}" />
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />
{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />
{/if}
<meta property="fb:app_id" content="175931732519501" />
<meta property='og:type' content='article'>
<meta property="og:url" content="{$canonical}" />
<meta property="og:image" content="{$entry->file_location}/{$entry->fieldsbyname.facebook_thumbnail->value}" />
<meta property="og:title" content="{$entry->title|escape}" />
<meta property="og:description" content="{$entry->summary|strip_tags:false}" />
Anyone who is willing to help me out on this somehow strange behaviour?
I've updated the page http://www.techcentral.ie/article.aspx?id=17031 to include the required meta tags but they don't seem to be picked up by http://developers.facebook.com/tools/lint?url=http%3A%2F%2F
I thought I had included everything that is required.
<meta property="og:title" content="ICANN votes for huge domain expansion as users shrug"/>
<meta property="og:type" content="article" /><meta property="og:url" content="http://www.techcentral.ie/article.aspx?id=17031"/>
<meta property="og:image" content="http://www.techcentral.ie/img/thumbnail/corporate/web_presence_10.jpg"/>
<meta property="og:site_name" content="TechCentral.ie" />
<meta property="fb:app_id" content="236362129712825" />
<meta property="og:description" content="Is it all too late to matter?">
I also added xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" in the DOCTYPE declaration
Any ideas?
Thanks in advance
Fix the "og:type" meta tag as content="[app_name]:[object]"