我使用直接从Facebook Developers页面复制的代码,在网页上添加了基本的Facebook"赞/共"按钮.代码有两个部分:一个javascript块和一个类似"fb-like"的div标签继承人javascript:
<div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
这里是我希望按钮出现的div标签:
<div class="fb-like" data-href="http://www.bethcake.com" data-width="90" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
以下是我遇到的问题:
当网页加载时,我收到2个javascript警告.警告是指connect.facebook.net源代码,第233行,而不是我编写的任何代码.他们是:
另外在页面加载时,我得到一个php错误(如.php.1:948):
这个错误很令人费解.首先,我没有使用框架.其次,协议确实匹配,这里没有任何关于端口的信息.当然这些域名不匹配:我不是要为Facebook页面收集"喜欢"; 我希望获得外部网站页面的"喜欢".我错过了什么吗？
我通过Facebook Open Graph Object Debugger运行了URL.它带来了一些我不明白的警告.他们是:
好的.但是我应该在哪里以及如何添加这些？我查看了Facebook文档并搜索了stackoverflow,但没有成功.如果这些应该被添加到div标签中的data-href字符串,请举个例子.
share facebook facebook-like facebook-graph-api facebook-javascript-sdk
我只想在我的网站上使用基本的facebook按钮.我按照facebooks网站上的说明进行操作(http://developers.facebook.com/docs/reference/plugins/like/).我尝试了HTML5,XFBML和iFrame方式,没有任何快乐.所以我想也许这与我的网站干扰有关.所以我创建了一个简单的html页面,如下所示,它仍然FB.getLoginStatus()在调用FB.init()错误之前给我调用.
<html>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/[mypage]" data-send="false" data-width="450" data-show-faces="false"></div>
</body>
</html>
更新:我删除了上面所有的东西回到iFrame唯一的方法,它的工作原理,但只在Firefox中.Chrome和IE9我仍然没有得到任何错误报告.为什么下面的这一行只能在FireFox中工作(显然[myPage]部分被换掉了)？
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F[myPage]&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>