我正在尝试将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;
}
提前感谢您回答我的问题!
答案 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/ 您输入了所需内容,然后点击“获取代码”,它会为您提供将其嵌入您网站的代码。