Facebook like button not working on recent wordpress blog posts - facebook

I have a facebook like button on each of my wordpress blog posts, this worked fine up until about 2 weeks ago, and now all recent blog posts don't have functioning like buttons.
This is the response I get when I click the like button (post link)
for (;;);{"__ar":1,"payload":{"requires_login":false,"success":false,"already_connected":false,"is_admin":false,"show_error":false,"error_info":null}}
and for the old blog posts that DO work (post link):
for (;;);{"__ar":1,"payload":{"requires_login":false,"error_info":null,"show_error":false,"node_type":"ExternalLink","node_id":"xxxxxxxxxxxxxxxxx","edge_type":"ExternalLinkLike","connect_text":0,"success":true,"already_connected":true,"user_profile":{"name":"xxxxxxx","profile_url":"http:\/\/www.facebook.com\/xxxxxxx","pic_square":"http:\/\/profile.ak.fbcdn.net\/hprofile-ak-snc4\/xxxxxx_xxxxxxxxx_xxxxxxx_x.jpg"},"story_fbid":"xxxxxxxxxxxxxxxxx","is_admin":false,"admin_url":""},"invalidate_cache":[0]}
I've tried replacing the like box code, removing the href attribute from the like box tag, running each link through Facebook URL Linter and none of this has worked!
I don't understand why it works for old blog posts and not new ones, there are no differences between them (that I know of).

This issue has nothing to do with your code. It is a FB issue I encounter on my websites as well. Did some research and came up with this:
this behavior is intermittent, may work on some pages, may fail on others
if you go on this page: http://developers.facebook.com/tools/lint/ and enter your url there, first time it will show up an error, afterwards the page will load. Hit some refreshes and afterwards the like button on your site (on the entered url) will suddenly start working... Very weird! I think it has something to do with FB crawler and (maybe) when accessing the lint tool you somehow force the crawler to recheck your page or something.
If anyone finds out something else, please share, the issue is really annoying...

Looking at the forums here:
http://forum.developers.facebook.net/viewforum.php?id=53
It looks like several other developers are running into the same issue. Some posts there also brought up having to use the lint tool to get their like buttons to work. I've also gotten it to work on my site by just mashing the Like button until it eventually accepts it so like what hpuiu said, i'm pretty confident that this problem's on their end.
Edit: And maybe on a related note, another post said that FB stopped scraping their site until they used the lint tool on their page and another said that they seem to consistently get this issue for any new posts that're around for less than 24 hours.

You could try to add the Iframe version of the like box instead of their javascript version. Sometimes it actually works better when loading multiple post for example.

Facebook doesn't like the '/' at the end of the url. So you can use something like this to omit the '/' at the end of the url :
$title = get_permalink();
<fb:like href="<?php echo substr($title, 0, -1); ?>" layout="button_count" width="300" show_faces="false"></fb:like>

Related

Open Graph url gets messed up on a users timeline?

When I like an URL on the company website:
http://guidepal.com/escape/10
The link that gets liked into the timeline looks like this:
=">http://guidepal.com/escape/10?fb_action_ids=10151400567746110&fb_action_types=og.likes&fb_source=timeline_og&action_object_map=%7B%2210151400567746110%22%3A10151100366393350%7D&action_type_map=%7B%2210151400567746110%22%3A%22og.likes%22%7D&action_ref_map=%5B%5D&code=AQB2NUbRhNvppL1HOqmJM6CBGQa1N3vUoK9QrPNNm516895czzIFYn93tiT4HWmBcCCrjK8tYvHqUPLAbu4mhk-xT3w17UMeTITQGnJXW3_NuyYc1Aa7FHl0nTwyuYzDS05x761boSwsGNoOpcL-ulsmiiVObacATa2NQEjLtQFrygJ81fHrSyr7pF5WWlPsf9w#=
The URL is there but there seems to be a problem, since it's adding some more stuff (which I really hope is not an access token there somewhere :P).
I'm guessing there is something wrong with the meta tags, but I have no idea what since everything seems to be okay.
Any ideas?
I've actually investigated this a bit further and this actually is because what is happening on the server side. I'm not responsible for the web-page here, but the one who is, explained that there are some bits of code that handles integer at the end of an url, he would not thought it would be a problem.
Weirdly enough it works by pressing the image instead of the URL in the recent activity.
And a hard problem to know when you are not responsible for both.
I've just liked it, and the URL came up correctly on my Timeline.
It also looks like the meta tags are set up correctly - you can check them on the linter tool that Facebook provides

Facebook “Like Box” and JQuery

I'm attempting to add a FB "Like Box" to a website I'm developing. Not too familiar with Facebook apps, but so far I've gone the non-IFRAME route, using the FB SDK script include.
I'm fairly certain I've got almost everything setup correctly. In fact, I see the widget appear when I visit the page UNCACHED (i.e. in FF, I hit CTRL+SHIFT+R to reload all content to avoid loading from cache). Once I revisit the site, or move around within the site by clicking links, the content does not reappear.
I'm wondering if it's an issue with a) the channel.php file, or b) the apps interaction with my use of JQuery. The channel.php file is verbain what is provided by Facebook (using PHP's caching mechanism).
Here's the site currently: http://www.morningfatty.com/demo - It might be easier to list this rather than post several code snippets.
I went to your website and didn't see the like box. I checked the HTML code and it all appeared fine. The div looked like <div data-header="false" data-stream="false" data-border-color="#40ADAD" data-show-faces="true" data-colorscheme="light" data-width="192" data-href="http://www.facebook.com/morningfatty" class="fb-like-box"></div>
I went to https://developers.facebook.com/docs/reference/plugins/like-box/ and tried your link http://www.facebook.com/morningfatty and lo-and-behold the like box didn't display there.
I tried going directly to http://www.facebook.com/morningfatty and it redirected me to http://www.facebook.com/MorningFatty. I noticed the change of case in the name. So I went back and tried http://www.facebook.com/MorningFatty in the like-box and it worked!!.
I believe that you page will work once you update the casing on the url. :)

Like Button Not Showing Counts

This happens on any web browser. When I go to the page, I see the like button not showing any counts. Then I...
Press on the Like button.
I then see the box say +1.
I refresh the page.
I no longer see the +1 and I see the Like button as if it was never pressed.
I can repeat steps 1-4 endlessly with the same results - I never see the total live count.
It would seem like it's not keeping counts, but when I query it via:
https://api.facebook.com/method/fql.query?query=select total_count,like_count,comment_count,share_count,click_count from link_stat where url='https://www.myswebsite.com/'&format=json
I see the live stats - so I know it's working. I've also tried different variations of http://developers.facebook.com/docs/reference/plugins/like/ - and old versions as well. I've isolated the code to just be the facebook code with nothing else on the page. For some reason, when I use https://www.myswebsite.com/ it doesn't show. I try other URLs like http://www.google.com with the code, and it works fine, I can see the count.
It's an SSL web site. Does this have anything to do with it? Also, when we initially launched the site with the Like button, it was http://mywebsite.com originally. Then we switched it to http://www.myswebsite.com, and then setup a SSL wildcard to function with both. I'm not sure if caching has anything to do with it.
Thanks!
This blog post might give you some help. What the post says is that you can "sort of" clean your URL with Facebook URL linter tool
Also there is a bug reported related to this issue

Fb.Share does not work

Till yesterday everything was working fine.
In my website's head there was
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
and links like
<a name="fb_share" share_url="http://mysite.com/url"></a>
were transformed to facebook share plugins.
But now there is a problem - i can't see count of shares in plugin. I sniffed requests a little and the error is:
fb_sharepro_render({"error_code":104,"error_msg":"Requires valid signature","request_args":[{"key":"v","value":"1.0"}
I did not change anything on website and problem still occurs. Any hints?
Edit (probably an answer):
This bug is described here: http://bugs.developers.facebook.net/show_bug.cgi?id=19471
Facebook team response:
Thanks for the report. We are looking into this.
We recommend to use the like button instead as we are going to deprecate the
share button soon. The like button provides you with the same functionality and
more ...
http://developers.facebook.com/docs/reference/plugins/like/
Also, works solution with request to http://graph.facebook.com/?ids=*.
For example, while issue is not fixed by facebook, you can use a little modified facebook share widget script, it use a graph.facebook.com instead of api.facebook.com/restserver.php.
You have to introduce access_token also as a parameter. Find what facebook says
GET /fql?q=SELECT+uid2+FROM+friend+WHERE+uid1=me()&access_token=...

Facebook Like button throwing Javascript errors

Recently I've been having troubles with displaying the like button on my homepage, no code was changed so I believe Facebook may be the culprit but I'm not 100% sure. Originally it was throwing "bootloader is undefined" errors in two places:
<script type="text/javascript">Bootloader.setResourceMap({"KhOUG":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yo\/r\/wFcdvtg8yWA.js"},"uBXoU":{"type":"js","src":"http:\/\/static.ak.fbcdn.net\/rsrc.php\/v1\/yg\/r\/vnWtCAcBiXn.js"}});
And:
Bootloader.configurePage([]);
Both occur after the page querys the http:///www.facebook.com/plugins/like.php page.
But now it's throwing "bagofholding is undefined" error on:
function muffinize(d){var c='a';var b='d';var a=[c,b].join('');return d.replace(/muffin/g,a);}window.Util=window.Util||{warn:bagofholding,error:bagofholding,info:bagofholding,log:bagofholding,stack:bagofholding};if(typeof console=='undefined')console={log:bagofholding};
The Facebook Like button is implemented using the AddThis service but I checked all the lines of code and they seem fine. It doesn't seem like other sites are having this issue as well. All the errors are on Facebook's side.
It doesn't work here: http://importbible.com/2011/05/02/papercraft-skills-2012-audi-a7/
But works here: http://importbible.com/shop/shirts/group-buy/seventh-heaven-shirt/
The only thing I could think of that may cause issues is the HTML5 Boilerplate .htaccess file.
in my case my error was coming from having "share" buttons. The script for share buttons also defines "FB"... so the new "like" script and the old "share" script conflict. Once I removed the old script everything was fine. (However, "share", is better for my particular site...)
I seem to see the 'Bootloader is undefined' error when I set the href attribute of the fb like button to a non-existent page (a page that can't be accessed by the fb script file - such as the url on my dev machine / localhost).
After hunting around I found the answer, some of the meta data on my website was preventing the Like page to scrape my page. Using the Lint tool I was able to fix the errors on my page:
https://developers.facebook.com/tools/lint/