เชื่อมต่อฮีทแมพของคุณกับ Claude ผ่าน MCP (1 นาที คำสั่งเดียว)

HeatMapX Engineering Team5 min read
  • 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:

  1. เปิด Settings → Connectors → "Add custom connector"
  2. ใส่ "HeatMapX" เป็นชื่อ และ https://heatmapx.com/api/mcp เป็น URL → add → "Connect"
  3. ล็อกอินเข้า 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 แล้ว — ลองใช้ดูได้เลย

Heatmap จาก Claude Code — เริ่มฟรี

วางแท็ก tracker หนึ่งบรรทัด รับการวิเคราะห์และข้อเสนอ CRO จาก CLI