Facebook'喜欢'按钮没有出现在页脚中

时间:2015-09-03 00:28:09

标签: javascript html facebook twitter-bootstrap

我试图添加一个Facebook'喜欢'我的网站页脚中的按钮,但在使用Facebook开发人员配置后,它没有显示在屏幕上。我正在使用bootstrap框架。

我从Facebook开发者那里复制的代码是:

    <!-- *****************************************************************************************************************
 FOOTER
 ***************************************************************************************************************** -->
 <div id="footerwrap">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
               <div class="fb-like" 
                    data-href="mywebsitenamehere.com"  
                    data-width="300" 
                    data-height="50"
                    data-layout="button_count" 
                    data-action="like" 
                    data-show-faces="false" 
                    data-share="true">
                </div>
            </div>
            <div class="col-lg-4">

            </div>
            <div class="col-lg-4">

            </div>

        </div><! --/row -->
    </div><! --/container -->
 </div><! --/footerwrap -->

我还在html的正文中添加了sdk:

    <!--Facebook Plugin-->
<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>

有人知道它为什么不出现吗?

1 个答案:

答案 0 :(得分:0)

您只需要粘贴此代码

<div class="fb-like" data-href="https://facebook.com/yourpage" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="false"></div>

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

请看一下这个工作

  

demo