2

编码新手，如果这真的很基本，请多多包涵！我正在尝试在我的页面上添加一个 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。我错过了什么？提前致谢！

4

4 回答 4

5

它不能在您的本地计算机上运行但开始在服务器上神奇地运行的原因是：

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

代码前面的//意思是浏览器应该在加载脚本时使用正在使用的协议......所以：

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

现在这就是神奇的地方......当从本地文件加载时，您的浏览器会自动显示 URL，浏览器会file:///C:/mysite自动查找名为

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

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

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

我会让你弄清楚那个...

干杯...

于 2013-11-22T21:44:14.680 回答
0

对于什么样的网站，您将 fb like 按钮用于 joomla 或 wordpress 等 cms，我认为最好的选择是http://sharethis.com/#sthash.OXTxyj48.dpbs不错的选择，如果您喜欢，我多次使用它试试看，在访问站点后单击获取共享工具菜单，然后您可以使用它并通过您站点中的代码，

于 2012-12-10T06:58:45.970 回答
0

欢迎来到堆栈溢出。

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

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

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

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

我们才刚刚开始。

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

或者插件。

http://www.addthis.com/

于 2012-12-10T06:59:03.813 回答
0

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

于 2017-03-27T23:11:43.007 回答