FB messenger (聊天室) 嵌入網站

想在網站中添加 FB 聊天室嗎？這篇有詳細介紹！

Step.1 到你要接收訊息的 FB 粉絲專頁

點擊 [ 設定/ 訊息/ 將 Messenger 新增到你的網站/ 立即開始 ]

Step.2 設定 messenager

點擊 [ 設定 ] ，依照步驟，而步驟2 的新增網域是填寫你要放嵌入 FB messenager 的網站網域。
步驟3 複製程式碼後，就可以貼到你自己網站中的 <body></body> 標籤之中。

Step.3 複製程式碼到 <body></body> 之中

<body>
<!-- Messenger 洽談外掛程式 Code -->
    <div id="fb-root"></div>

    <!-- Your 洽談外掛程式 code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "你粉絲頁id");
      chatbox.setAttribute("attribution", "biz_inbox");

      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v11.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/zh_TW/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
</body>

從平面設計漸漸轉職到前端網頁，日常就是追劇、看綜藝大笑來撫平身心。

『沒事多學習，多學習好事。』來鼓勵躺平的自己。

喜歡我的文章請幫我按讚哦！信箱：doublinlin@gmail.com

相關文章