Facebook 网站插件答案

【问题标题】：Facebook website pluginsFacebook 网站插件
【发布时间】：2016-04-06 19:14:32
【问题描述】：

为了添加 Facebook 页面插件，我使用以下代码

'<html>
   <head>
   <title>Your Website Title</title>
      <!-- You can use open graph tags to customize link previews.
      Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
       <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";
      fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      </head>
      <body>



 <div class="fb-page" data-href="https://www.facebook.com/TheDivert/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/TheDivert/"><a href="https://www.facebook.com/TheDivert/">The Divert</a></blockquote></div></div>
  </body>
  </html>

但结果是只创建了一个超链接，并且没有显示在https://developers.facebook.com/docs/plugins/page-plugin 上显示的结果。任何人都可以找到我的代码的问题，因为我认为面书代码是正确的。

【问题讨论】：

标签： html facebook api facebook-javascript-sdk

【解决方案1】：

试试这个：

<html>
   <head>
   <title>Your Website Title</title>
      <!-- You can use open graph tags to customize link previews.
      Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
      <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.5";
      fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      </head>
      <body>



 <div class="fb-page" data-href="https://www.facebook.com/TheDivert/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/TheDivert/"><a href="https://www.facebook.com/TheDivert/">The Divert</a></blockquote></div></div>
  </body>
  </html>

与之前相同的代码，只是缺少了：

<div id="fb-root"></div>

以及 XFBML 版本号：

&version=v2.5

我通过将您的代码与 https://developers.facebook.com/docs/plugins/page-plugin 生成的代码进行比较后发现了这一点

我已在实时服务器上对此进行了测试，并且可以正常工作，但如果不行，请告诉我。

旁注：请记住在测试时关闭 Ghostery 和/或其他 FB 阻止浏览器扩展。

【讨论】：

它不起作用浏览器中的代码与您编写的代码相同，但这里的代码是developers.facebook.com/docs/plugins/page-plugin pastebin.com/iVzxYmaS，如果您检查元素，您可以自己查看。跨度>
和其他人的插件正在工作，所以它不是阻止@Optimae 的问题