2011-07-08 42 views
6

我在我的Tumblr博客(模板中)中添加了Facebook Like按钮:iFrame代码和Open Graph标签。该按钮通常在每篇博客文章下方显示。当我点击该按钮时,它将其状态更改为“喜欢”,但在一秒钟后回到原始状态。Facebook Like按钮在点击后翻转回'unliked'状态

的博客文章的HTML源代码是(iframe的一部分):

<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标签:

<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" /> 
+0

具有完全相同的问题,我与Facebook的文档或论坛一事无成,所以我bountied这个问题。 –

+0

我有同样的问题,最终我发现它只是我,没有其他人遇到过这个问题。我认为这可能是Cookie的问题,或者Facebook会记住你并导致冲突。无论如何,过了几天后,它恢复正常。顺便说一句facebook文件SUCKS。 –

+0

@Jose Faeti我测试了他链接到的页面,它也为我做了同样的事情。 – bkaid

回答

4

你必须要喜欢到http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-weekend-amsterdam-join-crowdriding

URL encode网址

因此,这将是这样的,而不是:

<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> 
+0

谢谢!我现在通过在Tumblr中使用{URLEncodedPermalink}对网页URL进行了URL编码。 Like按钮现在“有时”起作用。我已经在所有情况下检查了HTML看起来很好。但是,它现在有时会翻转,有些东西可以正常工作。 – birdman

+1

我去了,喜欢你最近的10个帖子,他们都在Chrome/Win7上工作。你还在使用什么浏览器?如果它再次发生,将网址放入Facebook的LINT工具:https://developers.facebook。com/tools/lint/ – bkaid

2

这个问题即将在Facebook上,特别是在新注册的域名。它与代码无关。

几岁是您的域名?

此外,尝试Facebook debugger

是否正确抓取您的meta标签?

更新:

这已经解决了!

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

+0

似乎现在就工作。 Facebook蜘蛛是否需要长达24小时才能访问该网站会产生影响? – birdman

+0

给我的网址到你的网页...你可以调查的反应,Facebook的通过NETBETB的萤火虫发送。它不是关于Facebook的蜘蛛,而是Facebook有一个阻止域名列表{这是神奇的决定} – Tarun

+0

这已被解决:) http://bugs.developers.facebook.net/show_bug.cgi?id=18591 – Tarun

11

我在Facebook的合作伙伴工程师。我们一直在内部跟踪此问题,并在过去的24小时内推出了修复措施以解决此问题。您可以通过运行linter来手动修复问题,但显然这不是一个可扩展的解决方案。如果您仍然看到此问题仍在发生,请告诉我们,以便我们可以重现和诊断任何未解决的问题。 这是我们用来跟踪它(如发布的其他用户)的错误ID: http://bugs.developers.facebook.net/show_bug.cgi?id=18591

+9

我'我会以此为乐。 :) –

+0

@JefF:你不需要告诉我们你一直都是来自Facebook的。每个人都知道你的个人资料:)欢迎! – genesis

0

试试这个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> 

它从lint拍摄。

+0

感谢您的支持,但我将放弃Facebook Insights数据。它似乎现在起作用了,Facebook已经意识到这是它们最终的错误。 – birdman