Facebook Like Box（页面插件）不起作用

Question

我尝试在我的页面中添加一个 facebook 插件，但它没有正确显示。 到目前为止，我所做的是去 Facebook 开发人员获取新的 Page Plugin，正确包含（我希望）SDK，包含脚本并粘贴生成器给我的 html 代码。

但是我的页面插件无法正常工作，我得到的是一个简单的橙色块，带有一个简单的超链接重定向到我的 fb 页面。 我找不到任何帮助，因为他们改变了在 html5 xfbml 和 iframe 之间切换的可能性。我认为这将是一个 css 问题，所以我尝试编辑包含 Page 插件的 div 以禁用某些 css 属性，但它并没有改变任何事情。 例如，如果我尝试从我的另一个站点添加 iframe 代码，它可以正常工作。

我真的不知道我的问题来自哪里，希望有人能帮助我！

(:

Answer 1

您好 JACRAC，​​我找到了解决方案，我有时需要对其进行测试，并且它可以工作这是您必须在博客中添加的代码：

<div id="fbpage">
    <div id="u_0_18"><div fb-iframe-plugin-query="app_id=114545895322903&amp;container_width=588&amp;height=350&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fisccef&amp;locale=fr_FR&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=280" fb-xfbml-state="rendered" class="fb-page fb_iframe_widget" data-show-posts="false" data-show-facepile="true" data-hide-cover="false" data-height="350" data-width="280" data-href="https://www.facebook.com/isccef"><span style="vertical-align: bottom; width: 280px; height: 191px;"><iframe class="" src="https://www.facebook.com/v2.3/plugins/page.php?app_id=114545895322903&amp;channel=https%3A%2F%2Fs-static.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FQrU_tEEWym9.js%3Fversion%3D41%23cb%3Df2b104c9e204ff8%26domain%3Ddevelopers.facebook.com%26origin%3Dhttps%253A%252F%252Fdevelopers.facebook.com%252Ffad5f0e18965b4%26relation%3Dparent.parent&amp;container_width=588&amp;height=350&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fisccef&amp;locale=fr_FR&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=280" style="border: medium none; visibility: visible; width: 280px; height: 191px;" title="fb:page Facebook Social Plugin" scrolling="no" allowfullscreen="true" allowtransparency="true" name="f3d121ac9c81b02" frameborder="0" height="350px" width="280px"></iframe></span></div></div>
</div>

为你的 div 命名你想在其中添加代码还添加这个 css 代码只是为了控制你的 div，我将 dev fbpage 命名为：

#fbpage{
width: 280px;
height: 350px;
background-color: #e5e5e5;
 }

如果您需要任何其他帮助，请给我发消息，玩得开心

Answer 2

我认为可能是您在设置中的配置错误！可以为我们提供一个屏幕截图以供验证

这是一个例子：

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

Answer 3

仅当您将页面上传到服务器时才有效。如果您在本地对其进行测试，那么它将无法正常工作。