คู่มือการเชื่อมต่อ

เพิ่มวิดเจ็ต LaunchChat ลงในเว็บไซต์ของคุณด้วยเฟรมเวิร์กที่คุณต้องการ

การติดตั้ง

เพิ่มโค้ดนี้ก่อนแท็กปิด </body>:

<!-- LaunchChat Widget -->
<script>
  window.LaunchChatConfig = {
    widgetId: "YOUR_WIDGET_ID"
  };
</script>
<script src="https://your-domain.com/widget.js" async></script>

Content Security Policy (CSP)

หากเว็บไซต์ของคุณใช้ CSP headers ให้เพิ่มโดเมนเหล่านี้:

Content-Security-Policy:
  script-src 'self' https://your-launchchat-domain.com;
  connect-src 'self' https://your-launchchat-domain.com;
  frame-src 'self' https://your-launchchat-domain.com;

ข้อควรพิจารณาด้านความปลอดภัย

Widget ID เป็นข้อมูลสาธารณะ

Widget ID ถูกออกแบบมาให้เป็นสาธารณะและฝังในโค้ดฝั่งไคลเอนต์ของคุณ อนุญาตเฉพาะการอ่านฐานความรู้และฟังก์ชันแชทเท่านั้น ไม่สามารถดำเนินการที่ละเอียดอ่อนด้วย Widget ID เพียงอย่างเดียว

การจำกัดโดเมน

คุณสามารถจำกัดโดเมนที่สามารถฝังวิดเจ็ตของคุณได้ในแดชบอร์ดภายใต้ Widget → Behavior → Allowed Domains หากตั้งค่าไว้ วิดเจ็ตจะทำงานเฉพาะบนโดเมนเหล่านั้น

ตรวจสอบการติดตั้ง

หลังจากเพิ่มโค้ดแล้ว ตรวจสอบว่าวิดเจ็ตโหลดได้ถูกต้อง:

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

หากวิดเจ็ตไม่ปรากฏ ให้ตรวจสอบคอนโซลเบราว์เซอร์เพื่อดูข้อผิดพลาดและตรวจสอบว่า Widget ID ของคุณถูกต้อง