ติดตั้ง Facebook Messenger บนเว็บไซต์ ง่ายๆ ใน 3 ขั้นตอน!

1. ติดตั้ง Facebook SDK ที่เว็บไซต์ของเรา

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };

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

ส่วนนี้ Facebook แนะนำให้ติดตั้งหลัง <body> โดยให้แก้ไข your-app-id เป็น Facebook App ID ของเรา ซึ่งสามารถสร้าง และดู App ID ของเราได้ที่ App Dashboard

Facebook App ID

2. เพิ่ม Whitelist domain ของเราที่ Facebook Page เพื่อเชื่อมต่อระหว่าง Facebook Page และเว็บไซต์ โดยการตั้งค่าผ่าน ตั้งค่า > แพลตฟอร์ม Messenger  > การตั้งค่าทั่วไป

 

  

เพิ่ม Whitelist domain ที่ Facebook Page

3. ติดตั้ง Code Customer Chat Plugin ที่เว็บไซต์ของเรา

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

โดยให้แก้ไข PAGE_ID เป็นของ ID ของเพจเรา ซึ่งสามารถหา Facebook Page ID ได้เมนู About ที่ Facebook Page ของเรา

Code ด้านบนเป็นการใช้งานแบบสั้น ท่านสามารถดูรายละเอียดการตั้งค่าเพิ่มเติมได้ที่ Customer Chat Plugin (beta)

   

Facebook Page ID จะแสดงที่เมนู About

เพียงเท่านี้เราก็จะสามารถใช้งาน Facebook Messenger ที่เว็บไซต์ของเราได้ทันที! 

 

ตัวอย่าง Facebook Messenger  ที่ติดตั้งเสร็จแล้ว คลิกดู >>  marketplace

 

Comments