如何将facebook插件页面整合到博客中?

时间:2018-05-21 01:09:26

标签: javascript facebook widget blogger facebook-page

我试图将facebook插件页面整合到博客中? 我正在执行https://developers.facebook.com/docs/plugins/page-plugin/#

中的步骤

我的脸书页面是https://www.facebook.com/YourWebsiteTraffic

首先,没有预览插件(这通常应该出现) https://www.facebook.com/YourWebsiteTraffic

我已将第一个代码整合到博客主题标记之后:

<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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=1639125536140367&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

enter image description here

但是,在新小部件中输入以下第二部分后:

<div class="fb-page" data-href="https://www.facebook.com/YourWebsiteTraffic/" data-tabs="timeline" data-width="300" data-height="300" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"></div>

enter image description here 我在body标签后面得到这个新代码: enter image description here

我现在完全失去了,有人可以帮忙。非常感谢

1 个答案:

答案 0 :(得分:0)

要解决它:转到页面设置和chane页面可见性发布:) enter image description here