Zapier, Make.com & เว็บฮุกขาเข้า

ทำเวิร์กโฟลว์ธุรกิจอัตโนมัติด้วยการส่งข้อมูล JSON ผ่าน HTTP POST แบบเรียลไทม์ไปแอปภายนอกกว่า 5,000+ แอปเมื่อเกิดเหตุการณ์ UX สำคัญ

1. สถาปัตยกรรม & ตัวส่งแบบไม่บล็อก

สะพาน MousePlayer Webhook Bridge เชื่อมบันทึกเซสชันและเหตุการณ์คอนเวอร์ชันกับเครื่องมืออัตโนมัติเดิม เช่น Zapier, Make.com, n8n, Slack หรือ HubSpot โดยไม่เขียนโค้ด API เอง

เพื่อบันทึกเทเลเมทรีประสิทธิภาพสูง สถาปัตยกรรมแยกการรับข้อมูลฐานข้อมูลจากคำขอ HTTP ภายนอก เมื่อทริกเกอร์ทำงาน ข้อมูลเข้าคิว Redis อะซิงโครนัส (queue:webhooks) และประมวลผลโดยเดมอนเบื้องหลังแยก (cron_webhooks.php) จึงไม่เพิ่มความล่าช้าแก่ผู้เข้าชม

รับประกันความน่าเชื่อถือ: ตัวส่งเบื้องหลังใช้เวลาหมดอายุเข้มงวด (เชื่อมต่อ 1,000 ms / อ่าน 3,000 ms) และกฎลองใหม่อัตโนมัติ ให้เซิร์ฟเวอร์ยังเร็วแม้เว็บฮุกภายนอกหยุดทำงาน

2. ทริกเกอร์เหตุการณ์ที่รองรับ

เลือกได้ชัดเจนว่าเหตุการณ์ใดส่งข้อมูล HTTP POST ไปปลายทางอัตโนมัติ:

  • rage_click • ส่งทันทีเมื่อผู้เข้าชมคลิกองค์ประกอบ UI เสียหรือไม่ตอบสนองอย่างรวดเร็วด้วยความหงุดหงิด
  • error_detected • ส่งเมื่อพบ JavaScript หน้าเว็บขัดข้องหรือ promise rejection ที่ไม่จัดการ
  • ce (คอนเวอร์ชันกำหนดเอง) • ส่งเมื่อเหตุการณ์อีคอมเมิร์ซมาตรฐาน เช่น purchase หรือ add_to_cart หรือแบบฟอร์มผู้สนใจกำหนดเองทำงาน

3. สคีมาข้อมูล JSON (HTTP POST)

ทุกครั้งที่ทริกเกอร์เลือกไว้ทำงาน MousePlayer ส่ง HTTP POST พร้อมเนื้อหา JSON มาตรฐานและส่วนหัวกำหนดเอง:

// Example HTTP POST Payload Sent to Your Webhook URL { "timestamp": "2026-08-01T13:45:00+02:00", "event_type": "rage_click", "channel_id": "YOUR_CHANNEL_ID", "session_id": "s_987654321_1722512700", "session_url": "https://app.mouseplayer.com/player?id=YOUR_CHANNEL_ID&session=s_987654321_1722512700", "parameters": { "target": "button.btn-checkout-submit", "count": 5 } }

คำขอยังมีส่วนหัว HTTP ระบุตัวตน: User-Agent: MousePlayer-Webhook/2.0 และ X-MousePlayer-Event: <event_type>

4. เชื่อม Zapier, Make.com หรือ Slack อย่างไร

เชื่อมพื้นที่ทำงาน MousePlayer กับแพลตฟอร์มอัตโนมัติไม่ใช้โค้ดได้ในไม่ถึงสองนาที:

เชื่อมต่อ Zapier

  1. สร้าง Zap ใหม่ใน Zapier แล้วเลือก Webhooks by Zapier เป็นแอปทริกเกอร์
  2. เลือก Catch Hook เป็นเหตุการณ์ทริกเกอร์ แล้วคัดลอก URL เว็บฮุกที่สร้าง
  3. ในแดชบอร์ด MousePlayer ส่วน ทรัพยากรของคุณ → การตั้งค่า วาง URL ในช่องเว็บฮุก เลือกทริกเกอร์ และบันทึก
  4. ทดสอบ Zap เพื่อตรวจช่อง JSON ที่เข้ามา แล้วจับคู่ session_url กับข้อความ Slack การ์ด Trello หรือดีล HubSpot

เชื่อมต่อ Make.com (Integromat)

  1. ในสถานการณ์ Make เพิ่มโมดูล: Webhooks → Custom webhook
  2. สร้างเว็บฮุกใหม่ คัดลอก URL ปลายทาง แล้ววางในการตั้งค่าการเชื่อมต่อ MousePlayer
  3. สร้างเหตุการณ์ทดสอบบนเว็บไซต์เพื่อให้ Make.com ระบุโครงสร้าง JSON อัตโนมัติ

ช่องแจ้งเตือน Slack โดยตรง

วาง URL Slack Incoming Webhook โดยตรงได้ เมื่อใช้ร่วม Zapier หรือ Make ทีมรับแจ้ง Slack ทันทีพร้อมปุ่มเล่นย้อนหลังที่คลิกได้เมื่อ VIP พบอุปสรรค

เครื่องหมายการค้าทั้งหมดที่กล่าวถึงเป็นของเจ้าของแต่ละราย MousePlayer ไม่มีความสัมพันธ์ทางธุรกิจกับผู้ให้บริการเหล่านี้