Facebook like 按钮未显示在网站上答案

【问题标题】：Facebook like button doesn't show up on websiteFacebook like 按钮未显示在网站上
【发布时间】：2014-10-22 19:51:40
【问题描述】：

我使用了开发人员 Facebook 页面上列出的 HTML5 和 IFRAME 选项，但它似乎根本不起作用。奇怪的是它可以在没有任何内容的空白页面上工作。有什么可以与之冲突的吗？

冲突页面：http://helbreathempire.com/ 空白页：http://helbreathempire.com/include/test.html

【问题讨论】：

在style.css 的第 41 行，您的 iframe 有 display: none;（因此它没有被显示；））-iframe { border: 0 none; display: none; }。要么删除display: none，要么将其更改为display: block
@MyHeadHurts，除非您将评论作为正确答案，否则无法解决此问题。

标签： html facebook api facebook-like facebook-iframe

【解决方案1】：

我建议您按照此选项使用 HTML5 添加按钮：

1) 紧挨标签下方放置以下代码以加载 Facebook Javascript SDK：

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

2）在你希望按钮出现的地方，放上代码：

<div class = "fb-like"
  data-href = "http://helbreathempire.com/"
  data-width = "500"
  data-layout = "standard" data-action = "like"
  data-show-faces = "true"
  data-share = "true"> </ div>

希望这次会更轻松！

【讨论】：