Question

编码新手，如果这真的很基础，请耐心等待！我正在尝试在我的页面上添加一个FaceBook“like”按钮。我完全按照他们在说明网站上描述的那样复制了代码。我输入了我的页面详细信息，所需的宽度（它符合我们在生成器中选择的功能的限制），等等，然后将代码复制/粘贴到我的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。我错过了什么？提前谢谢！

Answer 1

它在本地计算机上无法运行但在服务器上开始神奇地工作的原因是：

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

那不存在，而且很糟糕

猜测将其上传到服务器时发生了什么???

我会让你想出那个......

干杯...

Answer 2

对于什么类型的网站你正在使用像joomla或wordpress这样的cms按钮，我觉得最好用的是http://sharethis.com/#sthash.OXTxyj48.dpbs很好的替代方案，如果你喜欢试试那个，我会多次使用它到网站点击 GET共享工具菜单然后你可以使用它并浏览你网站上的代码，

Answer 3

欢迎使用Stack Overflow。

可能存在一系列问题，为什么脚本没有显示类似按钮。如果没有输出html的url或副本，几乎无法分辨。如果您正在使用本地网络并丢失互联网连接，例如，繁荣，没有FB Like框。

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

如果您使用的是Chrome或Firefox，则可以下载Web Developer扩展程序。我建议使用Firebug for Firefox，或右键单击和Chrome中的“Inspect Element”（我认为这是Chrome随附的 - 否则它是Web Developer Extension）

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

我们刚刚开始。

如果这听起来太多了，我建议在不同的页面上尝试上面的代码，看看你复制和粘贴的页面是否格式错误。然后回到上面的建议。

或插件。

http://www.addthis.com/

Answer 4

我遇到了这个问题，然后将我的域名网址添加到Facebook开发者工具中的应用设置：https://developers.facebook.com/apps/[app_id]/settings/ - ＆gt;设置 - ＆gt;基本

Facebook“赞”按钮根本不显示

4 个答案: