使用 NextJS 的 Facebook Messenger 聊天插件

如何解决使用 NextJS 的 Facebook Messenger 聊天插件

我正在尝试将 Facebook Messenger 聊天机器人添加到我的 NextJs 应用中。在设置过程中，Facebook 要求我将此代码段添加到我的网站。

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function () {
    FB.init({
      xfbml: true,version: "v9.0",});
  };

  (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");
</script>

<!-- Your Chat Plugin code -->
<div class="fb-customerchat" attribution="setup_tool" page_id="..."></div>

当然，此代码不适用于 NextJs。有什么想法如何与它集成。

解决方法

你可以在标签文件_document.js中输入代码或使用 Google 标签管理器