Facebook的页面插件不会在我的HTML中显示

时间:2015-05-23 00:38:44

标签: html facebook plugins

我这里有一个小问题。我试图在测试网站上放置“Facebook页面插件” - 插件。我从官方Facebook的插件页面复制了这段代码:

<!-- 1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.  -->

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

<!-- 2. Place the code for your plugin wherever you want the plugin to appear on your page. -->

<div class="fb-page" data-href="https://www.facebook.com/PrekuStojko" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/PrekuStojko"><a href="https://www.facebook.com/PrekuStojko">Преку Стојко photography</a></blockquote></div></div>

所以,我的代码看起来像这样

<!DOCTYPE html>

<head>

    <meta charset="utf-8">
    <title>FB pageplugin test</title>

</head>
<body>

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

      <div class="fb-page" data-href="https://www.facebook.com/PrekuStojko"
       data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore">
       <blockquote cite="https://www.facebook.com/PrekuStojko">
       <a href="https://www.facebook.com/PrekuStojko">Преку Стојко photography</a></blockquote
       ></div></div>


</body>

当我运行它时,我看不到插件 - 我的页面只有一行链接文本。

Преку Стојко photography

谢谢。 :)

2 个答案:

答案 0 :(得分:0)

我刚刚在fbrell.com上测试了您的代码并且运行正常。你能重新测试一下吗?您可以检查您的JS控制台,看看您为实施所获得的错误。

enter image description here

答案 1 :(得分:0)

尝试使用iframe ...(将“NamePage”替换为您的页面)

enter image description here