ALEX Chat Widget · Test Sandbox

หน้านี้ใช้ทดสอบ widget ก่อน embed ลง 5minute-trader.com/lss-m5 · backend = https://phitsanukhom.com/api/lss-chat

การทดสอบที่ควรลอง

  1. คลิกปุ่ม สีทองมุมขวาล่าง → panel เปิดขึ้น พร้อม greeting + 3 quick-reply chips
  2. คลิก quick-reply "ระบบนี้คืออะไร?" → ALEX ตอบ streaming (ทันที, ไม่รอจบ)
  3. พิมพ์คำถาม FAQ ตรงๆ เช่น "ต้องใช้ทุน เท่าไหร่?" → ควรตอบตรงตาม FAQ doc
  4. ลองคำถาม Gold case: "ผมเทรดทองอยู่ ใช้ระบบนี้ได้มั้ย" → ควร validate ก่อน + ลำดับ 5 ขั้น + ส่ง https://5minute-trader.com/why-gold
  5. ลองคำถามนอกเรื่อง: "ช่วยเขียน code Python ให้หน่อย" → ควร redirect กลับมา LSS
  6. ลองถามต่อเนื่อง 5+ turns → conversation history persist (refresh tab แล้ว reopen ยังจำได้)
  7. เปิด console (F12) → ดูว่ามี error อะไรไหม
  8. ทดสอบบน mobile viewport (DevTools → toggle device toolbar) → widget full-screen สวยงาม

ที่ต้องระวัง / check

Streaming UX: token แรกควรมาภายใน 3-5 วินาที (first-call cold cache) · subsequent ~1-2 วินาที (cache hit)
Cost per chat: ~$0.01 cached / ~$0.08 first-time cold · ดูตัวเลขจริงผ่าน /lss-chat-analytics dashboard
ถ้า widget ไม่ขึ้น: เช็ค console → script 404? CORS error? · ดู Network tab → request /api/lss-chat ตอบ 200 streaming หรือเปล่า

หลังทดสอบผ่าน

ใน INC Funnels → "โค้ด HTML ที่ถูกปรับแต่งในส่วนหัวของหน้า" (Global head):

  1. Comment out Chatbase script เก่า (ครอบด้วย <!-- -->) — ยังไม่ลบเผื่อ rollback
  2. Paste บรรทัดใหม่:
    <script defer src="https://phitsanukhom.com/chat-widget.js?v=1"></script>
  3. Save → refresh sale-page → ดู ALEX ใหม่ทำงาน
  4. ถ้าใช้ได้สักสัปดาห์ + traffic OK → ค่อยลบ Chatbase script เก่าทิ้ง