Facebook Messenger插件在开发模式下不可见

我正在尝试向网站添加常规messenger插件：

我添加了标准代码：

    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId            : '1957690761027872',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v7.0'
        });
        
      };
    </script>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

    
    <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/xfbml.customerchat.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    //FB.CustomerChat.showDialog();
    </script>

window.fbAsyninit=函数（）{
FB.init({
appId:'1957690761027872'，
自动假肢：对，
xfbml：是的，
版本：“v7.0”
});
};
（功能（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/xfbml.customerchat.js";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
//FB.CustomerChat.showDialog（）；

及所需分区：

<div class="fb-customerchat"
 page_id="100751868404123">
</div>

---

但是我看不到插件。此外，当我试图从WebSonSole运行“FB.CustomerChat”时，它返回“undefined”。我缺少什么？

或者在页面设置中使用通过设置工具生成的代码。客户聊天插件不再使用常规SDK。

我创建了不必要的fb webapp，当时只需要从页面生成所需代码/发送消息/将messenger添加到您的webapp（在本例中）