FB喜欢页面不工作?

时间:2013-11-26 21:46:32

标签: html css facebook

我正在尝试将Facebook Like Page功能添加到我的网站,它只是不起作用。有谁知道我做错了什么?我将代码粘贴到html中,然后使用CSS定位它。这一切都是:

html的

<div id="fb-root">
<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_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></div>

的CSS

.fb-root{
 margin: -900px 500px;
 }

提前感谢您回答我的问题!

2 个答案:

答案 0 :(得分:1)

这就是你提出的问题代码

 <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="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

你在问题​​上错过了这个吗?

另一件事。如果您没有服务器,请尝试使用wamp或其他内容运行您的页面。

如果您已经有服务器,请尝试将您的页面上传到服务器,看看您是否可以看到“按钮”。不要忘记在您的页面上包含该代码。

关于css忘了.fb-root。你正在定义一个类,在你的HTML中你有一个id。

所以现在你必须定义按钮的位置,以匹配你的代码将你的css更改为

 .fb-like{
  margin: -900px 500px;
 }

希望它有所帮助。

答案 1 :(得分:0)

Facebook实际上为您提供了一种方法https://developers.facebook.com/docs/plugins/like-button/ 您输入了所需内容,然后点击“获取代码”,它会为您提供将其嵌入您网站的代码。