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

问题描述 投票：0回答：4

编码新手，如果这真的很基础，请耐心等待！我正在尝试向我的页面添加一个 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>

我刷新页面，插件应该所在的地方没有任何痕迹。不是一个点，不是一条线，也不是一条错误消息，什么也没有。我缺少什么？预先感谢！

javascript html facebook facebook-like
4个回答
5
投票

它在本地计算机上不起作用但在服务器上开始神奇地工作的原因是：

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

那不存在，而且失败得很惨

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

我会让你解决这个问题...

干杯...

0
投票

欢迎来到 Stack Overflow。

可能存在一系列问题导致脚本不显示“点赞”按钮。如果没有 url 或输出 html 的副本，几乎无法分辨。如果您在本地网络上工作并且失去了互联网连接，例如，繁荣，没有 FB Like 盒子。

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

如果您使用的是 Chrome 或 Firefox，则可以下载 Web Developer 扩展。我推荐在 Firefox 中使用 Firebug，或者在 Chrome 中右键单击并“检查元素”（我认为这与 Chrome 一起提供 - 否则它是 Web 开发人员扩展）

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

我们才刚刚开始。

如果这听起来工作量太大，我建议在不同的页面上尝试上面的代码，看看您复制粘贴的页面是否有格式错误的 html。然后又回到上面的建议了。

0
投票

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

-1
投票

对于什么类型的网站，您使用类似 joomla 或 wordpress 等 cms 的 fb 按钮，我认为最好使用的是 http://sharethis.com/#sthash.OXTxyj48.dpbs 很好的替代方案，我使用了很多次如果您喜欢尝试一下，请在访问该网站后单击获取共享工具菜单 然后你就可以继续使用它并粘贴你网站中的代码，

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.