Facebook "Like"按钮根本不显示



编码新手,如果这真的很基本,请耐心等待!我正在尝试在我的页面上添加一个FaceBook"点赞"按钮。我完全按照他们在说明网站上的描述复制了代码。我输入了我的页面详细信息、所需的宽度(它符合他们对我在生成器中选择的功能的建议)等等,然后将代码复制/粘贴到我的html中。我一定是错过了什么。他们的指示是将其粘贴到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/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

我刷新了我的页面,插件应该在的地方没有任何痕迹。没有一个点,没有一行,没有错误消息,nada。我错过了什么?提前感谢!

它在本地机器上不起作用,但在服务器上开始神奇地起作用的原因是:

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

代码前面的CCD_ 2意味着浏览器应该使用加载脚本时使用的协议。。。所以:

如果你在跑步http://example.comfacebook将加载一个不安全的,如果你使用https://example.com然后脚本将从facebook的安全服务器加载。。。

现在魔法就发生在这里。。。从本地文件加载时,浏览器会将URL显示为file:///C:/mysite,因此浏览器会自动查找名为的文件

file:///connect.facebook.net/....

这不存在,它惨败

猜猜你上传到服务器时发生了什么???

我会让你弄清楚的。。。

干杯。。。

欢迎使用堆栈溢出。

脚本没有显示"赞"按钮的原因可能存在一系列问题。如果没有输出的html的url或副本,几乎不可能分辨。如果你在本地网络上工作,并且失去了互联网连接,例如,boom,no FB Like box。

在黑暗中拍摄-这是一个javascript错误。javascript中的错误不会显示在屏幕上。相反,它们以几乎无限多的方式表现出来,从页面加载后省略单个元素到加载白色屏幕。

如果您使用的是Chrome或Firefox,您可以下载Web Developer扩展。我建议Firefox使用Firebug,或者在Chrome中单击鼠标右键并"检查元素"(我认为这是Chrome附带的,否则就是Web开发人员扩展)

无论使用哪种工具,所有的错误都会在这些环境的控制台中输出。

我们才刚刚开始。

如果这听起来工作量太大,我建议在另一个页面上尝试上面的代码,看看你是否正在复制页面;粘贴到的html格式不正确。然后再回到上面的建议。

或者插件。

http://www.addthis.com/

对于什么样的网站,你使用类似fb的按钮来处理像joomla或wordpress这样的cms,我认为最好的方法是http://sharethis.com/#sthash.OXTxyj48.dpbs很好的替代方案,如果你喜欢的话,我用了很多次,在访问网站后,点击获取共享工具菜单然后你可以使用它并通过你的网站中的代码

我遇到了这个问题,然后在Facebook开发工具中将我的域url添加到了我的应用程序设置中:https://developers.facebook.com/apps/[app_id]/settings/->设置->基本

最新更新