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
Related
I am trying to get an S3 video to play in line on Facebook. My site is https://sigtwo.com/vlog/14/.
S3 Video: https://s3.amazonaws.com/spsttestbucket/20190220_142312_NF_2000k.mp4
I believe I used the proper tags as other parts of the post seem to work fine.
Meta tags are as follows:
<meta property="og:title" content="SigTwo Mapping & Imagery Solutions" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://sigtwo.com/vlog/14/" />
<meta property="og:description" content="Too many potholes on Storrow Drive after this winter. Someone needs to fix it." />
<meta property="og:image" content="http://sigtwo.com/static/img/OrangeMaskHeight500.png" />
<meta property="fb:app_id" content="571517186592163" />
<meta property="og:video:url" content="https://s3.amazonaws.com/spsttestbucket/20190220_142312_NF_2000k.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:height" content="720" />
<meta property="og:video:width" content="1280" />
Here are results of debugger where everything seems fine:
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fsigtwo.com%2Fvlog%2F14%2F
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 interested in sharing embedded content on social media. My goal is to allow real estate agents to share a slide show of a house they're selling, and to this end I'd really like to be able to embed content rather than linking back to it.
A great example of what I want to do is here, on the authorStream facebook page.
How are they embedding this content? Do they have some deal with facebook?
If you're interested in how they did this, I recommend you use the OpenGraph Debugger and observe the tags they added to their page to make this content visible in this form. Here's a sample:
<meta name="og_site_name" property="og:site_name" content="authorSTREAM" />
<meta property="og:title" content="15 Steps to Prepare for an Interview -Sachin Karpe " />
<meta property="og:description" content="Sachin Karpe shares few steps before you walk for an interview.- authorSTREAM Presentation" />
<meta property="fb:admins" content="632248145" />
<meta property="fb:app_id" content="26672622939" />
<meta property="og:image" content="http://authorstream.s3.amazonaws.com/content/2177074_635379786451345000.jpg" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.authorstream.com/Presentation/sachinkarpe-2177074-15-steps-prepare-interview-sachin-karpe/" />
<meta property="og:video" content="http://www.authorstream.com/Player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:secure_url" content="https://www.authorstream.com/player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:height" content="402" />
<meta property="og:video:width" content="481" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
Last, you could check the Open Graph Get Started documentation from Facebook
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
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