我的facebook喜欢按钮没有显示出来

时间:2013-04-25 05:32:28

标签: facebook button facebook-like

我查看了之前有关facebook like按钮的问题,并没有看到我的代码出现任何问题。这就是我所拥有的:

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


</body>

4 个答案:

答案 0 :(得分:4)

在添加用于初始化Facebook的Javascript SDK的代码之后,您还必须添加代码以在所需位置显示“赞”按钮。它的通用代码是

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true">
</div>

如果您愿意,可以通过查看文档here进一步自定义它。

答案 1 :(得分:2)

出现同样的问题,一旦我发布了页面,就会出现类似的按钮

Facebook页面:设置:页面可见性:页面已发布

(页面是&#34;未发布&#34;默认情况下,即使是我第一次发布后也是如此)

答案 2 :(得分:1)

我知道主题已经过时,但仍会出现在搜索中。 这是我使用的初始化代码:

 (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 = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));

重要

  1. 默认情况下,Facebook自动配置工具(https://developers.facebook.com/docs/plugins/follow-button)不会添加&#34; HTTPS&#34;导出js.src元素时。
  2. 如果在localhost主机上测试此问题,您将遇到按钮可见性问题(参见v2.9)使用https隧道服务(如ngrok)或部署到有效的 https 服务器。

答案 3 :(得分:0)

在我的案例中,将版本添加到网址js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11";