Facebook“赞”按钮在点击后会翻转回“未点赞”状态

Question

我在我的Tumblr博客上（模板中）添加了Facebook点赞按钮：包括iFrame代码和Open Graph标签。该按钮正常显示在每篇博客文章下方。当我点击按钮时，它的状态会变为“已赞”，但一秒后又会翻转回原始状态。

博客文章的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" />

- birdman

---

我遇到了完全相同的问题，但在 Facebook 的文档或论坛中一无所获，因此我设置了悬赏以解决这个问题。 - Andy Baird

我曾经遇到过同样的问题，最后发现只有我自己遇到了这个问题，其他人没有。我认为这可能是cookie的问题，或者是Facebook记住了你的信息，导致冲突。不管怎样，几天后它就恢复正常了。顺便说一句，Facebook的文档太糟糕了。 - Jose Faeti

@Jose Faeti 我测试了他链接的页面，我也遇到了同样的问题。 - bkaid

Answer 1

我是Facebook的合作伙伴工程师。我们一直在内部追踪这个问题，并在过去的24小时内推出了修复方案。您可以通过将URL运行通过linter手动解决这个问题，但显然这不是可扩展的解决方案。如果您仍然遇到此问题，请告诉我，以便我们可以重现并诊断任何潜在问题。

此为我们用于跟踪问题的bug id（如其他用户发布的）：http://bugs.developers.facebook.net/show_bug.cgi?id=18591

- Jeff Sherlock

---

@JefF：你不需要一直告诉我们你来自Facebook。大家都可以从你的个人资料中看出来 :) .. 欢迎！ - genesis

Answer 2

您需要对想要点赞的URL进行URL编码，使其变为http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-weekend-amsterdam-join-crowdriding。因此，它应该像这样：

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

- bkaid

---

谢谢！我已经使用{Tumblr中的URLEncodedPermalink}对页面URL进行了URL编码。现在“点赞”按钮有时能正常工作。我已检查过HTML，并且在所有情况下都很好。但是，现在它有时会反弹回来，有时也能正常工作。 - birdman

我进去看了你的最近10篇帖子，它们在Chrome/Win7上都能正常显示。你还在用哪个浏览器遇到问题？如果再次出现问题，可以将URL放入Facebook linted工具中进行检查：https://developers.facebook.com/tools/lint/ - bkaid

Answer 3

这个问题出现在 Facebook 上，尤其是在新注册的域名上。与代码无关。

你的域名多大了？

此外，请尝试使用 Facebook 调试器。

它是否正确地获取了你的元标记？

更新：

这个问题已经解决了！

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

- Tarun

---

现在似乎可以工作了。Facebook的蜘蛛需要24小时才能访问网站，这会产生影响吗？ - birdman

发送您页面的网址给我...您可以通过Firebug的NET面板调查Facebook发送的响应。这不是关于Facebook的蜘蛛，而是Facebook有一个被阻止的域名列表{神奇地决定}。 - Tarun

这个问题已经解决了 :) http://bugs.developers.facebook.net/show_bug.cgi?id=18591 - Tarun

Answer 4

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

- genesis

---

谢谢您的回复，但这样我将失去Facebook Insights数据。现在它似乎可以工作了，Facebook已经确认这是他们自己的一个错误。 - birdman