Facebook(按钮计数)在我的网站上不可见

时间:2015-07-25 07:51:24

标签: facebook facebook-like facebook-social-plugins

我已经按照Facebook开发者网站上给出的确切步骤进行操作,即在打开body标签(理想情况下)后添加JS sdk并将div放在应该出现按钮的所需位置。

<body>
<!-- Facebook like button js -->
    <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/sdk.js#xfbml=1&version=v2.4";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

 <!-- Add this where you want the button to appear -->
 <div class="fb-like" data-href="https://www.facebook.com/myWebsite" data-width="400" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>

   </body>

这样做之后,它仍然不会出现。

1 个答案:

答案 0 :(得分:0)

如果您未在服务器(localhost或remote)上运行此代码,则需要更改以下行:

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";

..对这一个:

js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";

我强烈建议不要这样做,并使用localhost上的服务器进行测试/开发。

如果代码更改不起作用,请将其上传到真实服务器(不更改代码)。我只是测试它,它工作得很好。您应该考虑使用真实服务器(或本地服务器)进行开发。

使用BracketsWebstorm等编辑器,它们都包含服务器。例如,Brackets非常容易进行“实时编辑”。