ติดตั้ง Messenger เพิ่มช่องทางการติดต่อบนเว็บของคุณ

เพื่อนๆ จะเห็นปุ่มด้านมุมขวาล่าง เหมือน Blog9t ดังรูป
ซึ่งสามารถติดตั้ง Facebook Messenger บนเว็บ/บล็อก ของเพื่อนๆได้ วิธีง่าย ดังนี้ครับ

วิธีติดตั้ง Messenger Platform ลงบนเว็บไซต์ หรือบล็อก

1. ให้เพื่อนๆ ตั้งค่า Page ของเพื่อนๆ โดยไปที่

ไปที่หน้าเพจที่ต้องการ -> About - > Page ID

2. เพิ่ม โดเมนใน Facebook Platform

โดยไปที่ Setting -> Messenger Platform -> Whitelisted Domains - > กรอก ที่อยู่ Website/Blog ลงไป


3. ตั้งค่าโคด สำหรับ Messenger Platform

<div class="fb-customerchat" page_id="Page-ID ที่ได้รับจากข้อที่ 1" minimized="false"></div>
<script>window.fbAsyncInit=function(){FB.init({appId : "1678638095724206", 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>

4. ขั้นตอนสุดท้าย ติดตั้งบนเว็บไซต์ หรือ บล็อก ของเพื่อนๆ

สำหรับตัวอย่างนี้ผมขอใช้ Blog9t เป็นตัวอย่างเลยหละกันครับ
(Blogger) -> รูปแบบ -> เพิ่มส่วนของ หน้า HTML/JavaScript -> นำโคดที่ตั้งค่าเรียบร้อยไปใส่

เป็นยังไงบ้างครับเพื่อนๆ ถ้าชอบ หรือถูกใจ อย่าลืมกด like กด share ได้ที่ Page Blog9t นะครับ
อ่านต่อ ติดตั้ง Messenger เพิ่มช่องทางการติดต่อบนเว็บของคุณ