I'm trying to implement the 'Like' Facebook button on my webpage. I've followed the instructions on FB Like Button Reference, and the main functionalities seem to be working Ok.
However, there are a couple of things that I couldn't make them work: the og:title and og:description meta tags. It looks like they are simply ignored when I post to Facebook.
This is the list of key information that may be helpful:
My Facebook web page: www.facebook.com/zuzsso, and I've configured it as follows:
My webpage is www.zuzsso.com
The header source code of my webpage looks like this, where I've set the tags og:title and og:description
The FB scraper shows this information when debugging the URL http://www.zuzsso.com:
Also, this is how the scraper sees my page:
However
When I log in Facebook as someone else and go to my webpage and like it, this is what I see:
Given all this info, shall I assume that I misunderstood how the Like button works or is it there definitely a problem with FB or my own configurations?
Thanks a lot for your time hand help.
N
Related
This is not my website/I have no connection to it, but I'm trying to understand how Facebook gets content using OpenGraph tags exactly - specifically, if a tag is missing does it attempt to read website content to generate one? And if so, is there a programmatic way to tell if Facebook has done this?
The example: This website for a nonprofit called Hekima Place doesn't have an og:description meta tag, as the Facebook Sharing Debugger reveals. However, it still gets an og:description value and a proper description in the card, which seems to match a "What We Do" section's <p> tag further down on the page.
When checking the Facebook Open Graph Object Debugger for this site, it doesn't seem to mention that the description is inferred anywhere. Is it also possible that such a description might have been entered somewhere in a Facebook dashboard to fill in that data?
Thanks in advance!
I´ve inserted a FACEBOOK like button succesfully, except that the meta tag 'og:site_name' is not working...:
On my facebook page, it shows the name of the main domain (http://www.domain.com) and not the content of the meta tag 'og:site_name' (FAN CLUB)
I've research everything there is to research without success... Something so simple(?) Am i missing something?
Thanks!
Feeding your URL through the Facebook Debugger should clear Facebook's caching of your URL and refresh any changes you have made. Try passing your URL to the debugger and it should be refreshed to the correct value.
The debugger will also direct you to any other problems you may have with regard to integrating your URL into the Open Graph Protocol...
I added the like/send button on my homepage, http://www.website.com, for example.
But, when people like it or send it, it doesnt get the metadata, only when I post with the index page, like this: http://www.website.com/index.html
How can I resolve this? I want the link to be shared by people to be the .com one, but with the metadata from the index!
You can force facebook to update meta information by running the url in the Linter
see https://developers.facebook.com/tools/debug
The linter will scrape the page for meta tags, update facebook and show any errors related to the tags on the page.
I want a Like button on my web site that Likes my Facebook profile (rather than my web page), so that when a user clicks it they subscribe to my Facebook posts.
I've created the Like button using the tool at https://developers.facebook.com/docs/reference/plugins/like/
Further down that page there is an FAQ entry:
Can I link the Like button to my Facebook page?
Yes. Simply specify the URL of your Facebook page in the href
parameter of the button.
So, I've edited the href parameter to point to my Facebook page. eg:
https://www.facebook.com/myfacebookid
When a user clicks the Like button it has the desired effect. The user ends up having Liked my Facebook page. This is easily verified by the user going to my Facebook profile and checking that the Like button has changed to Liked.
But. When the user clicks the Like button, and entry appears in their News Feed with a generic Facebook description. ie:
Facebook is a social utility that connects people with friends and
others who work, study and live around them. People use Facebook to
keep up with friends, upload an unlimited number of photos, post links
and videos, and learn more about the people they meet.
I don't want a generic post about Facebook to appear. I want the description to relate to my Facebook account and/or web site.
Normally, I could modify this behavior with the Opengraph og: description tag, but as the page in the href is a Facebook page and not my own, I can't control the Opengraph tags.
I'm pretty sure that this was working okay before I enabled timeline for my account, so maybe this is a timeline bug?
So, how do I add a Like button which a) Likes my Facebook profile rather than one of my own web pages, and b) Posts a description of my Facebook profile rather than give a generic Facbook description?
Are all your fields in the info part of your page filled in, and/or completed? I just tested your theory and it seemed to work as expected, only thing is I know all fields in "info" are filled it. Give that a try.
This may happen if you have filled invalid/incomplete/wrong og tags in past and later changed them. Facebook's cache creates problem sometime.
Try putting all the entries (i.e. all og tags) and then debug them here http://developers.facebook.com/tools/debug. This debugger gives a detailed info about the url with og tags and also clears the cache for you.
This should solve the problem.
You have 3 important fields that used on page opengraph: Name,Description,Profile Image.
They are used when some one post your link on Facebook, or Google or some else web service that handle opengraph.
Actually, the suggested answers currently do not work and there is an open bug / ticket on Facebook for it. Up to now, there's no fix.
The problem is that you can not use simply https://www.facebook.com/myfacebookid. You should copy and paste the exact page URL. If you have a low number of likes it would look something like https://www.facebook.com/pages/[YourPageName]/[Your page Id]/, and this is the URL that you should use at this point.
If it does not work, try also https://www.facebook.com/[YourPageName]/[Your page Id]/.
In short, copy-paste the URL, do not type it manually.
I have a Facebook Application with an iframe based canvas that contains a like button (also iframe), in the head of my iframe i've specified the standard meta tags (og:title, og:url, og:site_name) and they seem to work fine (the information is displayed correctly in the profile wall) except for the title.
I've tested various links of the app with the Facebook URL Linter and the ug:title tag is ignored completly.
Have any of you had any trouble with the open graph tags inside facebook applications?
Any ideeas are apreciated, thanks.
I've tried every possible combination and suggestion in adding og meta tags to my page, but none of them worked. When testing URL with facebook URL Linter it always returned default values defined on application admin page. Like it doesn't see og meta tags. And what was more interesting is that when I look the page source, og meta tags existed but haven't been evaluated by facebook or linter.
Now, in my canvas page I defined login/authentication (and depending redirection etc) at the top, before html and og meta tags definition, and that was the main problem.
If you perform FB login redirection/authentication before providing og meta tags,
then FB crawlers/linter will not be able to detect your meta info and will try to auto-fill it.
I'm having the same problem in my app http://apps.facebook.com/tripline It seems that Facebook doesn't process links to pages inside apps the same way as pages they hit directly.
You can see the difference in the URL Linter:
The og:url on the canvas page: http://apps.facebook.com/tripline/trip.php?id=2015071615051003BEE6FBED6F531103 (og:title is ignored, get trip.php instead)
The url to the actual page loaded in the iframe: http://www.tripline.net/api/fbcanvas/trip.php?id=2015071615051003BEE6FBED6F531103#frame-top (og:title correct, but can't link to this because it's not in the frame)
The page on the main site: http://www.tripline.net/trip/The_Boston_Freedom_Trail-2015071615051003BEE6FBED6F531103 (og:title correct, if i can't figure things out, i'm just going to set the og:url on the canvas page to this)
Not really an answer, but at least you know you're not alone or crazy...which is worth something.