Javascript 如何将facebook插件页面集成到blogger中？

我正在尝试将facebook插件页面集成到blogger中？ 我正在遵循中的步骤

我的facebook页面是

第一句话，插件没有预览（这通常应该出现）

我已经集成了blogger主题标签后的第一个代码：

<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>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；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）；
}（文档“脚本”、“facebook jssdk”）；

但是，在新窗口小部件中输入以下第二部分后：

<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>

我在body标签后面得到了这个新代码：

---

我现在完全迷路了，谁能帮帮我吗。非常感谢您解决此问题：转到“页面设置”并将页面可见性更改为“已发布：”）