เชื่อมต่อฮีทแมพของคุณกับ Claude ผ่าน MCP (1 นาที คำสั่งเดียว)
- how-to
- mcp
- claude
- ai
- integration
สรุปสั้นๆ
- HeatMapX รองรับ MCP (มาตรฐานเปิดสำหรับเชื่อมต่อเครื่องมือเข้ากับผู้ช่วย AI) ฟรีในทุกแผน
- ตั้งค่าเพียง 2 ขั้นตอน — ออก API key แล้วรันคำสั่งเดียว — ใช้เวลาประมาณ 1 นาที
- เมื่อเชื่อมต่อแล้ว Claude สามารถเรียกดูฮีทแมพ สถิติหน้าเว็บ และผลการทดสอบ A/B ของคุณได้ในบทสนทนา
"เปิดแดชบอร์ด → คัดลอกตัวเลข → วางให้ AI" — การวนไปวนมาแบบนี้เริ่มน่าเบื่อใช่ไหม ด้วย MCP Claude จะไปดึงข้อมูล HeatMapX ของคุณเอง และการวิเคราะห์ทั้งหมดจบได้ในบทสนทนาเดียว
MCP คืออะไร
MCP (Model Context Protocol) คือมาตรฐานสำหรับเชื่อมต่อเครื่องมือภายนอกเข้ากับผู้ช่วย AI อย่าง Claude ลองนึกภาพเป็นปลั๊กไฟสากล: เสียบครั้งเดียว แล้ว AI จะดึงข้อมูลที่ต้องการเองเมื่อไหร่ก็ตามที่ต้องการ
เชื่อมต่อจาก claude.ai / Claude Desktop (ง่ายที่สุด — 3 คลิก)
บน claude.ai หรือ Claude Desktop คุณไม่ต้องใช้เทอร์มินัลหรือ API key:
- เปิด Settings → Connectors → "Add custom connector"
- ใส่ "HeatMapX" เป็นชื่อ และ
https://heatmapx.com/api/mcpเป็น URL → add → "Connect" - ล็อกอินเข้า HeatMapX และตรวจสอบหน้าจอขอความยินยอม (consent screen) (สิทธิ์อ่าน / สร้างและเริ่ม / หยุดการทดสอบ / ลงทะเบียนเว็บไซต์) แล้วคลิก "Allow"
แค่นี้ก็เสร็จ — ถามอะไรก็ได้ในแชท คุณสามารถยกเลิกการเชื่อมต่อได้ทุกเมื่อที่ HeatMapX Settings → Connected apps
เชื่อมต่อจาก Claude Code (เทอร์มินัล, 2 ขั้นตอน)
1. ออก API key
ในแดชบอร์ด HeatMapX ของคุณ ไปที่ Settings → API keys แล้วคลิก "Issue new key" คีย์จะแสดงให้เห็นเพียงครั้งเดียว — คัดลอกทันที
2. รันคำสั่งเดียว
ในเทอร์มินัลของคุณ (แทนที่ YOUR_API_KEY ด้วยคีย์ที่คัดลอกไว้):
claude mcp add --transport http heatmapx https://heatmapx.com/api/mcp --header "Authorization: Bearer YOUR_API_KEY"
เสร็จแล้ว รีสตาร์ท Claude Code (หรือเริ่มบทสนทนาใหม่) แล้วเครื่องมือของ HeatMapX จะพร้อมใช้งาน
สิ่งที่คุณทำได้
เมื่อเชื่อมต่อแล้ว คำถามแบบนี้ใช้งานได้ทันที:
- "แสดงเว็บไซต์ของฉันหน่อย" → รายชื่อเว็บไซต์ที่ลงทะเบียนและ URL
- "หน้าไหนใน kpop-ticket.com มีความลึกของการเลื่อนหน้าจอแย่ที่สุด?" → หาได้จากสถิติแยกตามหน้า
- "สรุปฮีทแมพของ /pricing ให้หน่อย" → จุดที่มีการคลิกหนาแน่นและระยะการเลื่อนถึง
- "การทดสอบ A/B ของฉันเป็นยังไงบ้าง? ตอนนี้เลือกผู้ชนะได้หรือยัง?" → ตัวชี้วัดของแต่ละรูปแบบพร้อมคำแนะนำผู้ชนะที่อ้างอิงสถิติ
HeatMapX ให้ตัวเลข ส่วน Claude เป็นคนตีความ ต่างฝ่ายต่างทำในสิ่งที่ตัวเองถนัดที่สุด
ไม่ใช่แค่อ่าน: สร้างและเปิดใช้งานการทดสอบ A/B
เชื่อมต่อพร้อมสิทธิ์เขียน (write access) แล้วทำทั้งลูปได้ในบทสนทนา:
- "สร้างการทดสอบ A/B บนหน้าแรกของฉัน: CTA สองแบบ" → สร้างฉบับร่าง (draft) ขึ้นมา
- "เริ่มเลย" → Claude จะสรุปการทดลองและขอการยืนยันจากคุณเสมอ → ตอบ OK แล้วมันจะเริ่มทำงานจริง
- "หยุด" → ยืนยันแบบเดียวกัน แล้วมันจะหยุด
ความปลอดภัยตั้งแต่การออกแบบ:
- การสร้างจะเป็นฉบับร่างเสมอ (ไม่มีอะไรให้บริการ traffic ได้เองโดยอัตโนมัติ)
- เริ่ม / หยุด จะไม่ทำงานเลยหากไม่ได้รับการอนุมัติจากคุณอย่างชัดเจน (ยืนยันสองขั้นตอน)
- ไม่สามารถลบได้ ผ่าน AI (ไม่มีการดำเนินการที่ย้อนกลับไม่ได้)
- สิทธิ์ต่างๆ ถูกระบุไว้ในหน้าจอขอความยินยอมและสามารถเพิกถอนได้ทุกเมื่อที่ Settings → Connected apps
เครื่องมือที่ใช้ได้
| Tool | ผลลัพธ์ที่ได้ |
|---|---|
| list_sites | รายชื่อเว็บไซต์ที่ลงทะเบียนไว้ |
| get_page_stats | จำนวนเซสชัน คลิก และค่าเฉลี่ยการเลื่อนหน้าจอ แยกตามหน้า |
| get_heatmap_summary | ข้อมูลสรุปฮีทแมพของหน้าเว็บหนึ่งๆ (ระบุช่วงเวลาได้) |
| list_experiments | รายการทดสอบ A/B ของคุณ |
| get_experiment_results | ตัวชี้วัดของแต่ละรูปแบบ อัตราการเพิ่มขึ้น และคำแนะนำผู้ชนะ |
มีเครื่องมือสำหรับอ่าน 5 อย่างและเครื่องมือสำหรับเขียน 5 อย่าง (create_site / create_experiment / start·pause·stop_experiment) เครื่องมือเขียนจะทำงานได้เฉพาะการเชื่อมต่อที่คุณอนุญาตสิทธิ์เขียนไว้อย่างชัดเจนเท่านั้น และการ start/stop จะต้องมีการยืนยันภายในบทสนทนาเสมอ
ถ้าเชื่อมต่อไม่ได้ — สิ่งที่ควรตรวจสอบ
- วางคีย์ผิดหรือเปล่า? ตรวจสอบว่าคุณวางข้อความทั้งหมดที่ขึ้นต้นด้วย
hmx_live_ - คีย์ถูกยกเลิกหรือเปล่า? ตรวจสอบ Settings → API keys ว่ามีคีย์ที่ยังใช้งานได้อยู่
ราคา
การเข้าถึง MCP ฟรีในทุกแผน (มีเพียงขีดจำกัดการเรียกใช้ต่อเนื่องตามความเหมาะสม) ทั้งฮีทแมพและการทดสอบ A/B พร้อมใช้งานจาก Claude แล้ว — ลองใช้ดูได้เลย