Question

我已经尝试在我的网页上添加一个facebook插件，但它没有正确显示。我到目前为止所做的是为新的Page Plugin进入Facebook Developpers，正确包含（我希望）SDK，包含脚本并粘贴生成器给我的html代码。

但我的页面插件工作不正常，我得到的是一个简单的橙色块，带有一个简单的超链接重定向到我的fb页面。我无法找到任何帮助，因为他们改变了在html5 xfbml和iframe之间切换的可能性。我认为这将是一个CSS问题，所以我尝试编辑包含Page插件的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

HI 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命名为wana将代码添加到其中也添加此css代码只是为了控制你的div，我命名为dev fbpage：

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

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

Answer 3

只有在服务器上传页面时才会起作用。你在本地测试它然后它将无法工作。

Facebook Like Box（页面插件）无效

3 个答案: