This is my first interaction with OG and I'm sure I am missing something simple. I have the following as a self hosted object:
<meta property="fb:app_id" content="3...." />
<meta property="og:title" content="..." />
<meta property="og:image" content="https://.com/img/..." />
<meta property="og:url" content="https://.com/myobjectpage.html" />
<meta property="og:type" content="product" />
<meta property="product:product_link" content="https://.com/p/64/..." />
<meta property="og:description" content="This course...." />
Now everything is showing properly EXCEPT product:product_link it doesn't show anywhere. The debugger gives it a green light so not sure what is wrong.
Any pointers / help would be greatly appreciated.
JB
Related
I have the below tags in my facebook share page but the image is not appearing for the first time in my share dialogue box.
<meta property="fb:app_id" content="xxxxx" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="xxxx" />
<meta property="og:url" content="http://web.dailyhunt.in/buzz/video/english/fresh/but-gabriel-boschilia-24-as-monaco-fc-lorient-4-0-2016-17-frsh-hi-139074" />
<meta property="og:title" content="But Gabriel BOSCHILIA (24') / AS Monaco - FC Lorient (4-0) - / 2016-17" />
<meta property="og:image" content="http://tcdn.newshunt.com/images/items/1/3/9/0/74/139074_share.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
Search for solution and found Facebook ignoring OG image on first share.
But I have already added those tags. Please suggest where am I wrong.
I have a web page that shows video and people can share it to facebook.
here are the open graph meta tags im using:
<meta property="fb:app_id" content="app_id" />
<meta property="og:url" content="https://www.domain.com/show/245" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Website tile" />
<meta property="og:description" content="Website description" />
<meta property="og:video" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:secure_url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:image" content="https://www.domain.com/uploads/thumbnail.png" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
*not actual domain name and app id, for privacy purpose
When i check the page using sharing debugger, it works okay, no error whatsoever.
The shared video also looks okay, just like normal video. But when i try to play it, it shows "download file" link to the video file instead.
Any idea why this is happening? i tried using different video, using 3rd party tools like addThis to generate the share button, but the result is the same.
Just figured it out!
You need to call "og:video:type" before you set video source.
I know it's weird, but this prevents api to set video source to "flash".
So your meta tag should look like this:
<meta property="og:url" content="someurl" />
<meta property="og:type" content="video.other" />
<meta property="og:title" content="yourtitle" />
<meta property="og:image" content="https://url.com/img.png">
<meta property="og:video:type" content="video/mp4"/>
<meta property="og:video" content="https://url.com/video.mp4" />
<meta property="og:video:url" content="https://url.com/video.mp4" />
<meta property="og:video:secure_url" content="https://url.com/video.mp4" />
<meta property="og:video:width" content="videoWidth"/>
<meta property="og:video:height" content="videoHeight"/>
<meta property="fb:app_id" content="id" />
I'm trying to implement internationalisation with facebook og tags, in order to have the object created on the page with the right language when shared.
This are the meta tags rendered when the page is requested as normal:
<meta property="og:ttl" content="120" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Clioco Make Up Bundle" />
<meta property="og:description" content="The more people who take part in Clioco Make Up Bundle's giveaway, the more free stuff everyone gets. So sign up now and tell your friends!" />
<meta property="og:updated_time" content="1436786566" />
<meta property="og:url" content="http://clioco.cobuydev.com/cobuys/clioco-make-up-bundle" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="fr_CA" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale" content="en_GB" />
<meta property="og:image" content="https://res.cloudinary.com/hp0f8ghfo/image/upload/v1429186395/ibawbi5rfdjwebcqf8er.png" />
This are the meta tags rendered when you specify the fb_locale param as fb_locale=fr_CA:
<meta property="og:ttl" content="120" />
<meta property="og:type" content="website" />
<meta property="og:title" content="FR Clioco Make Up Bundle" />
<meta property="og:description" content="FR FR FR FR The more people who take part in FR Clioco Make Up Bundle's giveaway, the more free stuff
everyone gets. So sign up now and tell your friends!
" />
<meta property="og:updated_time" content="1436786566" />
<meta property="og:url" content="http://clioco.cobuydev.com/cobuys/clioco-make-up-bundle" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="fr_CA" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:image" content="https://res.cloudinary.com/hp0f8ghfo/image/upload/v1429186395/ibawbi5rfdjwebcqf8er.png" />
So, after made it work correctly, I have been trying to share this link from a facebook account that have main language setted up to be fr_CA, but the generated card is still in English.
I also wasn't able to test the render of it in fr_CA using the debugger (https://developers.facebook.com/tools/debug/og/object/?q=http%3A%2F%2Fclioco.cobuydev.com%2Ffr%2Fcobuys%2Fclioco-make-up-bundle&fb_locale=fr_FR)
Can someone tell me what am I missing? (if I'm missing something :D)
Thanks a lot!
Answering our own question, we discussed this on a Facebook bug report and after a bit of back and forth, came to the same conclusion as #CBroe commented.
It is not possible.
For further information see https://developers.facebook.com/bugs/978849008813532
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?
When i use graphic protocol to let facebook fetch to our link, i have a problem as follow. (My site is vietnamese)
Fisrt: I do a test on sucsongmoi.net/facebook.html (it work perfectly)
Second: I apply this (tag) to others page like url: http://sucsongmoi.net/48/tam-kieu-ca-si-thu-minh-6882s.html
Butt it doesn't works any more. I feel strange. i did a test on https://developers.facebook.com/tools/debug but seem i couldn't figure out the problem.
Thanks in advance
Code:
This is meta for second link:
<title>Tắm kiểu ca sĩ Thu Minh - SSM</title>
<meta property="og:title" content="Tắm kiểu ca sĩ Thu Minh - SSM" />
<meta property="og:type" content="article" />
<meta property="og:url" content="sucsongmoi.net/48/tam-kieu-ca-si-thu-minh-6882s.html"; />
<meta property="og:image" content="sucsongmoi.net/images/logo.png"; />
<meta property="og:site_name" content="SSM" />
<meta property="og:description" content="des" />
– nghiavt 56 mins ago upvote flag
Fist link:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Angelina Jolie bị "đánh bại" dưới tay Jennifer Aniston - SSM </title>
<meta name="robots" content="INDEX,FOLLOW" />
<meta property="og:title" content="Angelina Jolie bị "đánh bại" dưới tay ennifer Aniston - SSM" />
<meta property="og:type" content="article" />
<meta property="og:url" content="sucsongmoi.net/facebook.html"; />
<meta property="og:image" content="sucsongmoi.net/images/logo.png"; />
<meta property="og:site_name" content="SSM" />
<meta property="og:description" content="des" />
A little thing, why you have semi-colon after your attribute?
<meta property="og:url" content="sucsongmoi.net/facebook.html"; />
<meta property="og:url" content="sucsongmoi.net/48/tam-kieu-ca-si-thu-minh-6882s.html"; />
And when I debug your link, FB debugger said:
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
That means you didn't put meta tag to your page, check it again