Facebook的“赞”按钮根本不显示

问题描述：

新的编码，所以请耐心等待，如果这是真的基本！我正在尝试在我的页面上添加一个FaceBook“like”按钮。我完全按照他们在说明网站上描述的方式复制了代码。我输入了我的页面详细信息，所需的宽度（它适合他们为我在发生器中选择的功能推荐的限制）等等，然后将代码复制/粘贴到我的html中。我肯定错过了什么。他们的指示是该粘贴到HTML，最好是刚开幕<body>下方，所以我所做的：Facebook的“赞”按钮根本不显示

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

我刷新了我的页面，并且在插件应该放置的地方没有任何东西的痕迹。不是一个点，不是一条线，而不是一个错误消息，纳达。我错过了什么？提前致谢！

答

欢迎堆栈溢出。

可能有一系列问题，为什么脚本不显示类似按钮。没有url或输出html的副本，几乎不可能告诉。如果您正在本地网络上工作并失去互联网连接，例如繁荣，则不需要FB Like box。

在黑暗中拍摄 - 这是一个JavaScript错误。 javascript中的错误不会显示在屏幕上。相反，它们以接近无限的方式表现自己，从页面加载后加载白色屏幕中省略单个元素。

如果您使用的是Chrome或Firefox，则可以下载Web Developer扩展。我推荐Firebug for Firefox，或者右键单击Chrome浏览器中的“Inspect Element”（我认为它随Chrome一起提供，否则它是Web开发人员扩展）。

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

而我们刚刚开始。

如果这听起来像太多的工作，我建议尝试在不同的页面上面的代码，看看您复制&粘贴到HTML格式不正确的页面。然后回到上面的建议。

或插件。

http://www.addthis.com/

还要确保代码，

是被正确关闭 – FredTheWebGuy

行之间，我上传网页到服务器，所以你可以看到我想要做的事。 http://studentaccess.emporia.edu/~asmith40/AVAwebsite/index.html 如果它是一个JavaScript错误，就不会FB被投诉淹没，并不得不解决它？我认为人们每天会使用这个插件数千次。我更可能怀疑这是我的错误！ :) 不过，我贴的所有相关插件的信息到一个空白的HTML页面的文本只是一个单一的线，它仍然没有工作...（点击“组合”选项卡上看到空白页）。所以... –

OMG，一旦它被加载到服务器，它开始工作！我想它只能在线工作。我一直在做文本文件的编码和使用Firefox来检查我的进度。圣牛...我学到了东西，我想！ –

什么样的网站您使用的是像按钮FB的如Joomla或WordPress的我想用最好的办法是http://sharethis.com/#sthash.OXTxyj48.dpbs很好的选择CMS和我用了很多次，如果你想尝试了这一点，去到现场后，点击GET共享工具菜单那么你可以用它和过去在您的网站的代码去，

，如果你还是喜欢使用FB代码目录检查您是否放在正确的位置的Java脚本，并检查Java脚本在浏览器中启用希望这可以帮助你... – wordpresrox

这只是一个普通的个人网页，而不是CMS的一部分。 Javascript已启用。 –

它并没有在本地机器上工作，但开始在服务器上神奇的工作的原因是这样的：

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

代码前面的//意味着浏览器应该在脚本加载时使用正在使用的协议...SO：

，如果你正在运行http://example.com的Facebook如果您使用https://example.com那么该脚本会从Facebook的安全服务器加载将加载不安全的一个...

现在，这里的神奇在哪里发生了......从本地文件加载时，您的浏览器显示的URL为file:///C:/mysite所以自动浏览器查找名为

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

文件不存在，也未能惨败

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

我会让你搞懂这个问题......

干杯......

我有这个问题，然后将我的域名网址在Facebook开发人员工具我的应用程序设置：https://developers.facebook.com/apps/[app_id]/settings/ - >设置 - >基本

相关问题

1. Facebook“赞”按钮并不总是显示
2. 赞，分享按钮不显示
3. Facebook的“赞”按钮回调
4. Facebook的按钮不显示
5. Facebook的按钮不显示
6. Facebook的按钮不显示
7. 看不到Facebook的'赞'按钮
8. 内嵌Facebook“赞”按钮
9. Facebook“赞”按钮错误
10. 赞按钮的facebook没有显示评论框
11. Facebook“赞”按钮计数器不工作
12. Facebook按钮不显示
13. Facebook LIKE按钮不显示
14. 如何显示“赞页面”按钮，在Facebook发布
15. 的Facebook/Twitter的“赞”纯HTML按钮
16. Facebook“赞”按钮的自定义
17. 如何工作Facebook的“赞”按钮
18. 将Facebook按钮放置在IFrame中时根本没有显示按钮
19. Facebook的Like按钮 - 显示
20. Facebook的按钮iframe代码不显示
21. Facebook的按钮不显示在FancyBox中？
22. Facebook的注销按钮不会显示
23. Facebook的按钮不显示在Firefox
24. Facebook Like button显示0赞赞所有Facebook页面
25. Facebook赞按钮引发Javascript错误
26. Facebook赞按钮评论框事件
27. 使用传统Facebook“分享”按钮不是Facebook“赞”
28. Facebook Like按钮显示0
29. Facebook iOS SDK不显示FbLogin按钮
30. 添加Facebook分享按钮不显示

答