我在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" />
答案 0 :(得分:11)
我是Facebook的合作伙伴工程师。我们一直在内部跟踪此问题,我们在过去24小时内推出了修复程序以解决此问题。您可以通过linter运行URL手动修复问题,但显然这不是一个可扩展的解决方案。如果您仍然发现此问题,请告知我们,以便我们可以重现并诊断任何挥之不去的问题。 这是我们用来跟踪它的错误ID(由其他用户发布): http://bugs.developers.facebook.net/show_bug.cgi?id=18591
答案 1 :(得分:4)
您需要将URL encode想要的网址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&href=http%3A%2F%2Fwww.beyondbrands.nl%2Fpost%2F7354959316%2Fstartup-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>
所以它会是这样的:
{{1}}
答案 2 :(得分:2)
答案 3 :(得分: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。