เชื่อมต่อวิดเจ็ต Intercom, LiveChat & Zendesk
เสริมทีมช่วยเหลือและขายด้วยลิงก์เล่นย้อนหลังเซสชันสดในวิดเจ็ตแชตที่ใช้โดยตรง
1. การเชื่อมต่อทำงานอย่างไร
เมื่อผู้เข้าชมติดต่อผ่านวิดเจ็ตแชต เจ้าหน้าที่มักเข้าใจประสบการณ์ผู้ใช้ได้ยาก การขอภาพหน้าจอหรือขั้นตอนทำซ้ำเพิ่มอุปสรรคและทำให้แก้ช้า
สะพานเชื่อม เมทาดาทาแชต MousePlayer แก้ปัญหาด้วยตัวเฝ้าดูเบื้องหลังอัตโนมัติ (initChatMetadataBridge) ในเบราว์เซอร์ เมื่อเปิด สคริปต์ตรวจว่า Intercom, LiveChat หรือ Zendesk อยู่บนหน้าหรือไม่ แล้วเพิ่มแอตทริบิวต์กำหนดเองที่มี URL เล่นโดยตรงในคลิกเดียว (mouseplayer_session_url) ลงเมทาดาทาเซสชันแชตอัตโนมัติ
ไม่ล่าช้า & ลองใหม่อัตโนมัติ: วิดเจ็ตแชตมักโหลดอะซิงโครนัสหลังโหลดหน้า MousePlayer ตรวจความพร้อมใหม่ทุก 3 วินาที เพื่อแนบลิงก์โดยไม่เกิดปัญหาลำดับการทำงาน
2. เปิดการเชื่อมต่ออย่างไร
เปิดสะพานแชตด้วยสวิตช์แดชบอร์ดที่ไม่ต้องเขียนโค้ด หรือผ่านอ็อบเจ็กต์ตั้งค่า JavaScript เองได้
วิธี A: เปิดผ่านแดชบอร์ดแบบไม่ใช้โค้ด (แนะนำ)
- ลงชื่อเข้าใช้ MousePlayer แล้วไปที่ ทรัพยากรของคุณ
- คลิกปุ่ม การตั้งค่า / การเชื่อมต่อ ข้างโดเมนเป้าหมาย
- ในหน้าต่างการเชื่อมต่อ เปลี่ยน เปิดสะพานเชื่อมเมทาดาทาแชตสด เป็น
ON - เลือกผู้ให้บริการ (Intercom, LiveChat หรือ Zendesk) แล้วคลิก บันทึกการตั้งค่า มีผลทันทีต่อผู้ใช้ที่ใช้งานทั้งหมด
วิธี B: ตั้งค่าสคริปต์เอง
หากใส่ MousePlayer ในโค้ดโดยไม่ใช้ตัวโหลดการตั้งค่าระยะไกล ให้ส่ง chat_bridge_active: true ภายในอ็อบเจ็กต์ window.mp_config:
3. การไหลข้อมูลเทคนิคแยกผู้ให้บริการ
MousePlayer เรียกเมธอด SDK เฉพาะผู้ให้บริการเพื่อผูก URL เล่นปัจจุบันตามซอฟต์แวร์แชต:
| ผู้ให้บริการแชต | เมธอด JavaScript ที่เรียก | คีย์เมทาดาทาที่เพิ่ม |
|---|---|---|
| Intercom | window.Intercom('update', { ... }) |
mouseplayer_session_url |
| LiveChat | window.LiveChatWidget.call('set_session_variables', { ... }) |
mouseplayer_session_url |
| Zendesk | window.zE('webWidget', 'identify', { ... }) |
mouseplayer_session_url |
4. หน้าตาในระบบเจ้าหน้าที่
เมื่อเปิด เจ้าหน้าที่จะเห็นลิงก์ตรงไปเซสชันสดในแดชบอร์ดทุกครั้งที่ผู้ใช้เริ่มบทสนทนา
1. มุมมอง Intercom Inbox
เมื่อเปิดบทสนทนาใน Intercom ลิงก์อยู่แถบขวาใต้ส่วน User Data / Custom Attributes คลิก URL เพื่อเปิดการเล่นย้อนหลังโรงภาพยนตร์ MousePlayer ในแท็บใหม่ทันที
2. แอปเจ้าหน้าที่ LiveChat
ในแอป LiveChat ไปแถบขวาของแชตที่ใช้งาน แล้วขยายส่วน Details → Custom Variables ตัวแปร mouseplayer_session_url แสดงเป็นไฮเปอร์ลิงก์ที่คลิกได้
3. Zendesk Agent Workspace
ใน Zendesk Agent Workspace ดูแผง Customer Context / User Information ทางขวาของหน้าทิกเก็ต ลิงก์เมทาดาทาอยู่ในช่องโปรไฟล์กำหนดเอง ช่วยท่องเว็บร่วมกันและดีบักสดได้ทันที
เครื่องหมายการค้าทั้งหมดที่กล่าวถึงเป็นของเจ้าของแต่ละราย MousePlayer ไม่มีความสัมพันธ์ทางธุรกิจกับผู้ให้บริการเหล่านี้