Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Facebook Like button flips backs to 'unliked' state after clicking

I have added a Facebook Like button on my Tumblr blog (in the template): both the iFrame code and the Open Graph tags. The button shows up normally below each blog article. When I click the button, it changes its status to 'liked', but flips back to the original state after one second.

The HTML source of the blog article is (iframe part):

<iframe class="fb_button" src="http://www.facebook.com/plugins/like.php?app_id=APP_ID&href=http://www.beyondbrands.nl/post/7354959316/startup-weekend-amsterdam-join-crowdriding&send=false&layout=button_count&width=90&show_faces=true&action=like&colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>

OG tags:

<meta property="og:title" content="Beyond Brands Blog, StartUp Weekend Amsterdam about to get started" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.beyondbrands.nl/post/7354959316/startup-weekend-amsterdam-join-crowdriding" />
<meta property="og:image" content="http://26.media.tumblr.com/avatar_6e2d27950ebb_128.png" /> 
<meta property="og:site_name" content="Beyond Brands Blog" />
<meta property="fb:admins" content="598414663" />
like image 730
birdman Avatar asked Jul 08 '11 05:07

birdman


2 Answers

I'm a Partner Engineer at Facebook. We've been tracking this issue internally and we pushed out a fix in the last 24 hours to fix this. You could manually fix the issue by running the urls through the linter, but obviously this wasn't a scalable solution. If you see this issue still happening, let me know so we can reproduce and diagnose any lingering issues. This was the bug id we used to track it (as posted by other users): http://bugs.developers.facebook.net/show_bug.cgi?id=18591

like image 116
Jeff Sherlock Avatar answered Nov 17 '22 03:11

Jeff Sherlock


You need to URL encode the URL that you want to like into http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-weekend-amsterdam-join-crowdriding

So it would be something like this instead:

<iframe class="fb_button" src="http://www.facebook.com/plugins/like.php?app_id=141659102581634&amp;href=http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-weekend-amsterdam-join-crowdriding&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=true&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
like image 4
bkaid Avatar answered Nov 17 '22 03:11

bkaid