我试图添加一个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>
有人知道它为什么不出现吗?
答案 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>
请看一下这个工作