บันทึกเพื่อลืม: สร้าง fb-messenger Chat button ฝังหน้าเว็บ

จะด้วยเหตุผลอะไรก็แล้วแต่ ปัจจุบันไม่พบเมนูสร้างจากในเพจโดยตรง เลยต้องใช้วิธีลักไก่

1. หา Page ID >

- login บัญชีเพจ เข้าหน้า business.facebook.com ดูจากค่าหลัง parameter ชื่อ  home?asset_id=... 

2. ใส่คำสั่ง 2 ส่วน

1. ก่อนปิด </head> 

<!-- Messenger ปลั๊กอินแชท Code -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        xfbml: true,
        version: 'v10.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/th_TH/sdk/xfbml.customerchat.js';
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  </script>

     2. ก่อนปิด </body>

<!-- Your ปลั๊กอินแชท code -->
      <div class="fb-customerchat" attribution="page_inbox" page_id="xxxxx">
      </div>

จบขั้นตอนครับ