วิธีการเขียนบทความ

วิธีเพิ่มเว็บแชท Facebook ด้วย GTM

Gerardo Salandra
ตุลาคม 18, 2018

ปลั๊กอินแชทลูกค้า Facebook เป็นปลั๊กอินแชทสดฟรีที่น่าทึ่งซึ่งทําให้ Facebook Messenger โดยตรงบนเว็บไซต์ของคุณ เช่นเดียวกับผู้ให้บริการแชทสดแบบดั้งเดิม Facebook มีส่วนหลังที่เรียกว่า Facebook Inbox ซึ่งเจ้าหน้าที่ฝ่ายสนับสนุนของคุณสามารถแชทกับผู้เยี่ยมชมผู้ใช้และลูกค้าได้ ซึ่งแตกต่างจากการแชทสดอื่น ๆ Facebook ช่วยให้คุณสามารถส่งข้อความถึงผู้ติดต่อของคุณกลับได้แม้ว่าพวกเขาจะออกจากเว็บไซต์ของคุณแล้วพวกเขาจะได้รับข้อความของคุณใน Facebook Messenger แอพ. ปัญหาคือคุณไม่สามารถติดตั้ง Facebook Web Chat ด้วย Google Tag Manager หรือคุณสามารถ?

เหตุใดรหัสแชทบนเว็บของ Facebooks จึงไม่ทํางานกับ GTM

หากคุณต้องการจัดการโค้ดฝังตัวโดยใช้ Google Tag Manager หรือผ่านส่วนเสริม Wordpress คุณจะพบว่าไม่สามารถทําได้ด้วยรหัสปลั๊กอินแชทลูกค้า Facebook ที่ Facebook ให้มา

The code provided is an HTML snippet, a <div> that must be pasted on every site page individually. This is a problem if you have 100 pages. The obvious option is add to the Facebook Customer Chat script to Google Tag Manager (GTM).

SDK แชทของลูกค้าบน Facebook ใช้งานกับ Google Tag Manager ไม่ได้
SDK แชทลูกค้า Facebook

เนื่องจากรหัสแชทของลูกค้าบน Facebook กําหนดให้คุณต้องวาง Facebook SDK และรหัสแชทของลูกค้า จึงไม่มีวิธีที่แท้จริงในการติดตั้ง Facebook Web Chat ด้วย Google Tag Manager (GTM) เนื่องจาก SDK แชทของลูกค้าของ Facebook ไม่สามารถทํางานร่วมกับ Google Tag Manger (GTM) ได้

รหัสแชทลูกค้า Facebook

คุณจะต้องมีวิธีแปลงโค้ดฝังตัวนี้เป็นสคริปต์ที่สามารถใช้กับตัวจัดการแท็กของ Google ได้

วิธีการติดตั้ง Facebook Web Chat ด้วย Google Tag Manager

ในการติดตั้งปลั๊กอินแชทของลูกค้า Facebook บน Google Tag Manager (GTM) คุณจะต้องมีสิ่งต่อไปนี้:

  • เพจเฟซบุ๊ก
  • บัญชี Rocketbots
  • เข้าถึง Google Tag Manager สําหรับหน้าเว็บของคุณ

1 เข้าสู่ระบบแพลตฟอร์ม Rocketbots และสร้างช่องว่าง คุณจะต้องมีพื้นที่สําหรับเชื่อมต่อเพจ Facebook ของคุณ

สร้างพื้นที่ทํางานหากคุณยังไม่มี วิธีเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณโดยใช้ GTM
สร้างพื้นที่ทํางานหากคุณยังไม่มีพื้นที่ทํางาน

2 เลือก Facebook Messengerกด ถัดไป จากนั้นเลือกเพจ Facebook ที่คุณต้องการเชื่อมต่อ

เลือก Facebook Messenger วิธีเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณโดยใช้ GTM
เลือก Facebook Messenger

3 กรอกรายละเอียดช่องของคุณและ ตรวจสอบเพิ่มวิดเจ็ตแชทลูกค้าของ Facebook ในเว็บไซต์ของคุณหรือไม่

ตรวจสอบเพื่อเพิ่มปลั๊กอินแชทลูกค้าเสริมเพื่อเพิ่มลงในเว็บไซต์ของคุณโดยใช้ GTM
ตรวจสอบเพื่อเพิ่มปลั๊กอินแชทลูกค้าเสริม

4. ไวท์ลิสต์โดเมนของคุณเลือกสี และกรอกการตั้งค่าขั้นสูงของคุณ

ไวท์ลิสต์โดเมนและเลือกสีเพื่อเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณด้วยปลั๊กอินแชทลูกค้า Facebook
ไวท์ลิสต์โดเมนและเลือกสี

รหัสอ้างอิงช่วยให้คุณสามารถเริ่มต้น ระบบอัตโนมัติในการเริ่มต้นใช้งานที่ไม่ซ้ํากันได้หากผู้ติดต่อมาจากปลั๊กอินแชทลูกค้า Facebook

ปรับการตั้งค่าขั้นสูงเพื่อเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณด้วย Google Tag Manager
ปรับการตั้งค่าขั้นสูง

5. คัดลอกสคริปต์

คัดลอกสคริปต์เพื่อเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณด้วย Google Tag Manager
คัดลอกสคริปต์

6. แทรกสคริปต์ลงใน GTM เป็นแท็ก HTML ที่กําหนดเอง

วางสคริปต์เพื่อเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณด้วย Google Tag Manager
วางสคริปต์

7. คลิก เสร็จสิ้น บน Rocketbots และตรวจสอบหน้าของคุณ

ตรวจสอบไซต์ของคุณเพื่อเพิ่มปลั๊กอินแชทลูกค้า Facebook ลงในเว็บไซต์ของคุณด้วย Google Tag Manager
ตรวจสอบเว็บไซต์ของคุณ

นั่นไม่ใช่เรื่องยากใช่ไหม การใช้แพลตฟอร์ม Rocketbots คุณจะพบว่ามันง่ายกว่ามากและไม่เจ็บปวดกว่ามากในการสร้างโค้ดแชทลูกค้า Facebook ใหม่ที่ใช้งานได้จริงกับส่วนเสริม GTM และ Wordpress เป็นสคริปต์

นอกจากปลั๊กอินแชทลูกค้าของ Facebook แล้ว คุณจะพบว่าการจัดการผู้ติดต่อของคุณบนแพลตฟอร์ม Rocketbots นั้นง่ายกว่าด้วย ด้วย Rocketbots AI จะเรียนรู้จากการสนทนาของคุณผ่านการแชทกับลูกค้าของ Facebook และยิ่งเรียนรู้มากเท่าไหร่ก็ยิ่งให้การตอบกลับอัจฉริยะที่เป็นประโยชน์มากขึ้นเรื่อย ๆ การตอบกลับในคลิกเดียวที่อิงตามคําตอบที่ผ่านมาของคุณสําหรับคําถามที่คล้ายกัน ปล่อยให้มันเรียนรู้ต่อไปและในไม่ช้า AI ก็สามารถเริ่มตอบสนองของคุณได้โดยอัตโนมัติ

Gerardo Salandra
ประธานเจ้าหน้าที่บริหาร
Gerardo Salandra คือ CEO และผู้ร่วมก่อตั้ง respond.io. ด้วยประสบการณ์ก่อนหน้านี้ที่ IBM, Google และ Runtastic เขาได้สะสมความเชี่ยวชาญด้านปัญญาประดิษฐ์และการแฮ็กการเติบโต เขาสําเร็จการศึกษาระดับปริญญาโทบริหารธุรกิจจากมหาวิทยาลัยจีนแห่งฮ่องกง
แท็ก
โมฟู
คัดลอกไปยังคลิปบอร์ด!