Facebook赞按钮不喜欢我的代码

我一直在尝试在我的博客上实现一个类似Facebook的按钮，如下所示：

$("#fblike").append(" <iframe src='http://www.facebook.com/plugins/like.php?app_id=217624258276389&amp;" + window.location.href + "&amp;send=false&amp;layout=box_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:50px; height:60px;' allowTransparency='true'></iframe>");

并将其添加到我的HTML源文件的<head>中：

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

问题是，当我尝试测试"点赞"按钮时，它显示的是1而不是0，一秒钟后又回到0。我的Facebook个人资料也没有任何变化。哪里出了问题，如何纠正？

PS:我在本地主机服务器上运行这个，在我的例子中是http://nathan-camposs-macbook-pro.local/~Nathan

我认为事件类似于：

单击按钮
Javascript向FB发送类似的请求
Facebook尝试访问您的页面("localhost"(
它无法访问它，因此请求被拒绝

更新：-

我注意到您的src属性开始：'http://www.facebook.com/plugins/like.php?app_id=217624258276389&" + window.location.href + "&

我认为应该是：'http://www.facebook.com/plugins/like.php?app_id=217624258276389&href=" + window.location.href + "&

注意href=

我在使用临时url的网站上测试类似内容时遇到了问题-当相关的app_id值与你想要的页面的url无关时，Facebook不喜欢它。但我可能错了。如果你暂时将宽度扩展到50以上(比如300-350(，应该会弹出一个"错误"链接，给你一些更有价值的信息。。。

如果使用fbml，则不需要应用程序ID。使用fbml可以配置以下内容。我想你已经看过了-

http://developers.facebook.com/docs/reference/plugins/like/

您可以尝试以下代码

<head>
 <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
</head>

然后在体内

<div id="fb-root"></div>
<fb:like href="http://yoururl" send="true" width="450" show_faces="true" font="">
</fb:like>

相关内容

最新更新

热门标签：