Facebook Like Box（页面插件）不工作

Question

我试过将 facebook 插件添加到我的页面，但它显示不正确。到目前为止我所做的是去 Facebook Developpers 获取新的 Page Plugin，正确包含（我希望）SDK，包含脚本并粘贴生成器给我的 html 代码。

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

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

(:

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

Answer 2

嗨，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 ，我将开发 fbpage 命名为：

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

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

Answer 3

只有当您将页面上传到服务器时，它才会起作用。如果你在本地测试它，那么它不会工作。

Facebook Like Box（页面插件）不工作

Facebook Like Box (Page plugin) not working

html

plugins

facebook

facebook-javascript-sdk

twitter-bootstrap-3