6

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" />
sakibmoon
  • 2,026
  • 3
  • 22
  • 32
birdman
  • 61
  • 1
  • 3
  • Having the exact same problem and I'm getting nowhere with Facebook's documentation or forums, so I bountied this question. – Andy Baird Jul 13 '11 at 15:32
  • I had the same problem, in the end I discovered it was just me, no other people experienced this issue. I think it may be a problem of cookies, or facebook remembering you and causing conflicts. Anyway after some days it went back ok. BTW facebook documentations SUCKS. – Jose Faeti Jul 13 '11 at 17:04
  • @Jose Faeti I tested his page that he links to and it was doing the same thing for me too. – bkaid Jul 13 '11 at 19:45

4 Answers4

11

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

Grant Thomas
  • 44,454
  • 10
  • 85
  • 129
Jeff Sherlock
  • 3,526
  • 1
  • 16
  • 24
  • @JefF: You don't need to tell us that you're from Facebook all the time. Everyone know it from your profile :) .. Welcome! – genesis Jul 21 '11 at 09:10
4

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>
Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
bkaid
  • 51,465
  • 22
  • 112
  • 128
  • Thanks! I have now URL encoded the page URL by using {URLEncodedPermalink} in Tumblr. The Like button now 'sometimes' works. I've checked the HTML with looks fine in all the cases. However, it now sometimes flips back, somethings it works fine. – birdman Jul 14 '11 at 04:45
  • 1
    I went in and liked your last 10 posts and they all worked on Chrome/Win7. What browser are you still experienceing it with? If it happens again, the putting the url into the Facebook linted tool: https://developers.facebook.com/tools/lint/ – bkaid Jul 14 '11 at 05:18
2

This issue is coming on Facebook, particularly on newly registered domain names. It has nothing to do with the code.

How old is your domain?

Also, try the Facebook debugger.

Does it fetch your meta tags correctly?

Update:

This has been resolved!

http://bugs.developers.facebook.net/show_bug.cgi?id=18591

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Tarun
  • 5,374
  • 4
  • 22
  • 32
  • Seems to work now. Does the Facebook spider, that takes up to 24 hours to visit the site has an impact? – birdman Jul 16 '11 at 06:16
  • send me url to ur page... you can investigate the response which facebook sends via NET panel of firebug. And its not about facebook's spider, rather facebook has a list of blocked domains {which is magically decided} – Tarun Jul 16 '11 at 13:48
  • this has been resolved :) http://bugs.developers.facebook.net/show_bug.cgi?id=18591 – Tarun Jul 18 '11 at 14:49
0

Try this iframe:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-weekend-amsterdam-join-crowdriding" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>

It was taken from lint.

sakibmoon
  • 2,026
  • 3
  • 22
  • 32
genesis
  • 50,477
  • 20
  • 96
  • 125
  • Thanks for this, but then I will loose the Facebook Insights data. It seems to work now, Facebook has recognized it is a bug on their end. – birdman Jul 21 '11 at 07:22