We are having an issue with the Facebook like button not showing/displaying, on this page:
http://powertextblog.esvelte.net/
It appears that the span and iframe that are generated have an inline style of width:0px and height:0px , I have tried overriding this to no avail.
The button is not showing in any browser.
This is the code we're using on the page (from AddThis) to generate the button.
<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.facebook.com/PowerText"></a>
I also tried inserting the Facebook like button using Facebook's own button generator, but the same problem occurs (which would indicate its not an AddThis issue)
Any help would be appreciated.
I had the same problem, tried everything until I figured out that was something really stupid.
If your facebook page has any restriction, like Country restrictions or Age restrictions, facebook does not show the like button if you are not logged in.
I think it is a Facebook bug causing the issue.
Removing the defined URL addthis:url="http://www.facebook.com/PowerText" and using the site domain instead, fixed the issue.
So I think there is some sort of FB bug where defining the URL as a Facebook page causes it to not display, as it works fine without it.
Try this facebook like code it should be work.
<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:action="recommend" fb:like:width="135"></a>
Had the same problem yesterday. I then played around with the widget on https://developers.facebook.com/docs/plugins/like-button a while. Turned out this only happened with Facebook Page URLs (the URL to like). Even https://facebook.com/facebook itself didn't work correctly anymore. Simply rendered with 0px. All other URL worked as expected. Tried to reach FB on Twitter and they sent this link to the filed issue. Which says bug is known and fixed now.
So we simply had to wait. After one night the next morning all Like buttons with Facebook Page URLs rendered correctly again.
Related
I have a large image gallery web page. I want to have a Facebook 'Like' button per image, so I set the API URL for each like button to be something like:
<div class="fb-like" data-href="http://mysite.com/gallery/photo1.jpg" data-send="true" data-width="300" data-show-faces="false"></div>
However, the Facebook API seems to not like this. The console says there is a mismatch between domains.
I am assuming this is because the actual 'Like' button is on one URL, eg: mysite.com/gallery whilst the URL it is told to like is diffent, eg: mysite.com/gallery/photo1.jpg as once I set them both to the same URL it is fine.
Does anyone know of a work around for this? Have a Facebook Like button on one page, but the page to like on another, separate page?
Yes, you can definitively add a like button for a content on another domain.
For the moment, there's a bug on Facebook Like buttons' callbacks, and likes are often not taken into account.
The issue should be solved soon : https://developers.facebook.com/bugs/457950334238629
Get the link you want to like working in the Facebook debugger and it should work:
http://developers.facebook.com/tools/debug
Update: I don't know if the question changed or I was just zoned out, but you cannot like a JPG file.
Similar to a problem I have read here, but slightly different. I have added the XFBML version of the like button to a page I am working on in a development environment. It appeared just fine to begin with. I clicked like, viewed my Facebook profile, saw that it was shared on my timeline, I then clicked 'unlike' (which I had done before using the iframe version and experienced no problems).
After clicking 'unlike', the button completely disappeared from my page. Although the markup that was generated is still present.
To make this problem even stranger, when placing the like button on a different page I do not experience the same issue. On a separate (3rd) page, I do.
I feel like this is a long shot, but any help would be greatly appreciated.
edit: said 'screw this' and decided to use AddThis for all my buttons. The facebook like button provided through AddThis also does not appear. So confused.
Could you change the href attribute of the Facebook iframe and see if the button appears?
I've been struggling with this for a couple of days now. I have a simple wordpress blog. I've plugged in all the OG meta tags and run the page though the debugger many times and it shows no errors.
However when people click the Like button (generated from the Like Box plugin), they get the red error message suggesting that the page be run through the debugger.
I have generated other like buttons that live on individual blog posts, and so far these seem to be working fine, its only when trying to like page there is an issue.
Also note, that the facebook page was generated from the OG meta data after I had liked it. So this isn't from creating a page in Facebook and then trying to have people like it. I mention that just in case it matters.
The other thing of note, is that if I am already logged in (just me the admin), I can like and unlike it with no errors. If however I log out of facebook, and click the like button, after entering my facebook login, I see the error just as other users have.
I've been reading forum posts for days and have yet to find a solution. My blog URL is http://www.garrinball.com
Thanks
Your http://www.garrinball.com/ parses just fine on the linter. However, this is only a small issue, you don't specify any og:image tag on http://www.garrinball.com/2011/10/christmas-card-shoot/.
What is strange is I don't see any errors. I like the christmas-card-shoot and the like button maintained my like even after page refresh.
I also logged out of facebook, went back to like it, and it prompted me for credentials as normal. I logged in, and was able to like the button. No errors.
I'm wondering if it is specific to your account you're using.
I'd suggest trying with an other fb account.
I have a fanpage tab application with a like button on it, and after a while testing I got the exact same error as you :
<!-- with the JS SDK included and inited -->
<div class="fb-like" data-href="//fanpage-url" data-send="false" data-width="100" data-show-faces="false"></div>
When refreshing, the like button is however detecting correctly the like status.
No error message shows up when using another account than my admin-dev one... maybe its an antispam function ?
I'm trying to add a facebook "like" button to my page, and it is appearing just fine. My problem is that once it is clicked by a user, it says "Like NUMBER" then resets as if the request was canceled or something.
The weird thing is that if I try to like a page using my facebook account it works, but I tried letting a friend like some content and this behavior appeared.
I created a facebook app, specified the site url with a trailing slash, and site domain. I used the app ID with FB.init, and with the open graph tags. I can't figure what I'm doing wrong here. Any help would be appreciated.
Sample page can be found at: http://wiseolive.com/en/doctors/3881-khalid-jamal-salaymeh
First, for the count to work correctly, Facebook needs to have access to the page (in other words a public page). Check your URL in the linter tool (https://developers.facebook.com/tools/debug) to ensure it can been seen by Facebook.
Secondly, ensure your og: tags are correctly setup. Once again, you can use the linter tool to do that.
Facebook like buttons will show this behavior until they have been scraped by Facebook. That scraping (facebook like docs) will occur every 24 hours, when an admin clicks the like button or the url is put in the url debugger/linter. From what I can tell doing that will solve the problem for that specific link, but not any others you may have on your site.
I don't know of a generic solution for dynamically generated pages unfortunately.
I cannot get the Like button to work on one site. http://www.room13canada.ca/test.html
When the button is clicked it fires off to facebook but the callback then undoes the call? I have stripped all code to make sure there is no js or css or whatever breaking the button.
please look at the pagesource - it makes no sense why it doesn't work.
if I change
<fb:like href="www.room13canada.ca"
to
<fb:like href="www.cnn.com"
it works like a charm??
any help would be great
Have you considered trying with the iframe method?
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.room13canada.ca%2Ftest.html&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
Well, I was also having problems with the facebook like plugins and also heard from people that it is a facebook bug. After searching a lot on gOOgle .... I found a good result and don't think that this is a fb bug.
You will have to add this file into the header of your website:
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
Property of Meta Tags (facebook likes Meta Tags) ==> og:image - An image URL which should represent your object within the graph.
Replace "http://ia.media-imdb.com/images/rock.jpg" with real path to image.
For Wordpress Users:
Add the following code in the head of your header file ==>
<?php $img= get_post_meta($post->ID, 'image', true); if ($img): ?>
<meta property="og:image" content="<?=$img ?>"/>
<? endif; ?>
That's all... Hope this will work for you all !! Share your experience ...
First, I'll give my hypothesis: If the Facebook URL Scraper has tried to scrape your page, and was unable to access it (e.g., if it was pending moderation and the Facebook Scraper bot got redirected to a "login" page), Social Plugins like the Like button and Comments won't work because Facebook thinks the URL is "inaccessible." It takes 24 hours for Facebook to try scraping the page again--until then, Facebook will assume it's still inaccessible.
Here's what Facebook says about how often pages are scraped and how to force a scrape:
Facebook scrapes your page every 24 hours to ensure the properties are up to date. The page is also scraped when an admin for the Open Graph page clicks the Like button and when the URL is entered into the Facebook URL Linter. Facebook observes cache headers on your URLs - it will look at "Expires" and "Cache-Control" in order of preference. However, even if you specify a longer time, Facebook will scrape your page every 24 hours.
Note that the Facebook URL Linter has been renamed the Facebook Object Debugger.
I could be wrong about the underlying issue. I'll give you my experiences, and you can decide.
Our site is a collection of blogs, and all blog posts have a "like" button, generated with identical code (except for the URL being liked). By default, all blog posts are saved to a "draft" state, and not available unless you are logged in. If an anonymous user attempts to visit a "draft" blog post, he will be redirected to the login page.
Months ago, we experienced a "Like" button problem, although the error manifested slightly differently: we got "URL inaccessible" when clicking the Like button. This only happened on posts that had "Like" buttons and also were not immediately published (e.g., they were saved to a "Draft" state). I thought this was fixed when I changed the "Draft" view to not display Facebook social plugins.
However, I've noticed that, from time to time, if you click the "Like" button on a particular post, the "Like" flyout flashes on the screen for a moment and then disappears, with no "like" action taking place. Different behavior, same problem: "Like" button doesn't work.
At the same time, the "Like" buttons on every other post worked just fine! I tested this, and then came back to the one post I couldn't "Like". Same behavior: flyout appears and disappears, no "Like" happens.
I used Chrome's developer tools to see what HTTP requests were being made, comparing the request/response for a working "like" to the "like" that wasn't working. The "Like" button JavaScript makes an HTTP POST request to http://www.facebook.com/plugins/like/connect and gets some JavaScript back. As best I could tell, the HTTP POST request was identical between the working and non-working like buttons, but the response was different. Below is the JavaScript response for a working like, followed by the JavaScript response for a like that wasn’t working:
for (;;);{"__ar":1,"payload":null,"jsmods":{"require":[["Plugin","connect",[],["http:\/\/www.hslda.org\/cms\/?q=blog\u00252Fpeeking-through-fence","10151028997762924"]]]}}
for (;;);{"__ar":1,"payload":null,"jsmods":{"require":[["Plugin","disconnect",[],["http:\/\/www.hslda.org\/cms\/?q=blog\u00252Fpoem-just-you"]]]}}
I note two distinctions: the working version “connect” whereas the non-working version has “disconnect”, and the working version has an additional parameter that looks like an ID. I’m guessing it’s the ID of this particular “like” event.
I did some Googling and couldn’t find a definitive answer. Trying to debug this, I used the Facebook Object Debugger. It found some “Like Button Warnings” and “Open Graph Warnings” that are worth fixing, but I don’t think they are the problem—because they were the same for URLs with working like buttons and for the URL with the like button that wasn’t working.
So then I decided to go to the Facebook Social Plugin page for the Like Button. I dropped in the URL of the non-likeable blog post, and tried liking it. It worked. I wondered, “is the like button on the page still broken?” I couldn’t like it because I’d already liked it. So I asked a coworker try and like the post, and it worked for him. I then had my coworker unlike the post, I unliked it (so we were back to no likes), and then I tried liking it again, using the like button on the blog post. It worked.
So, it seems like once I "forced" the page to be scraped again, it started working. But it's also possible that "forcing" a like through the Like button page broke something loose as well... not sure.