【问题标题】:Facebook's page plugin wont show in my HTMLFacebook 页面插件不会显示在我的 HTML 中
【发布时间】:2015-05-23 00:38:43
【问题描述】:

我有一个小问题。我试图将“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

谢谢。 :)

【问题讨论】:

    标签: html facebook plugins


    【解决方案1】:

    我刚刚在fbrell.com 上测试了您的代码,它运行良好。请问可以重新测试吗?您可以检查您的 JS 控制台,看看您的实施遇到了哪些错误。

    【讨论】:

      【解决方案2】:

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

      enter image description here

      【讨论】:

      • 请发表评论
      猜你喜欢
      • 2021-12-13
      • 2020-01-04
      • 1970-01-01
      • 1970-01-01
      • 2016-07-23
      • 1970-01-01
      • 1970-01-01
      • 2014-05-25
      • 1970-01-01
      相关资源
      最近更新 更多