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

HeatMapX Engineering Team3 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 จะดึงข้อมูลที่ต้องการเองเมื่อไหร่ก็ตามที่ต้องการ

ตั้งค่า (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 เป็นคนตีความ ต่างฝ่ายต่างทำในสิ่งที่ตัวเองถนัดที่สุด

เครื่องมือที่ใช้ได้ (อ่านอย่างเดียว)

Tool ผลลัพธ์ที่ได้
list_sites รายชื่อเว็บไซต์ที่ลงทะเบียนไว้
get_page_stats จำนวนเซสชัน คลิก และค่าเฉลี่ยการเลื่อนหน้าจอ แยกตามหน้า
get_heatmap_summary ข้อมูลสรุปฮีทแมพของหน้าเว็บหนึ่งๆ (ระบุช่วงเวลาได้)
list_experiments รายการทดสอบ A/B ของคุณ
get_experiment_results ตัวชี้วัดของแต่ละรูปแบบ อัตราการเพิ่มขึ้น และคำแนะนำผู้ชนะ

ไม่มีเครื่องมือสำหรับเขียนข้อมูล — ทุกอย่างเป็นการอ่านอย่างเดียว AI จึงไม่สามารถเปลี่ยนแปลงข้อมูลของคุณโดยไม่ตั้งใจได้

ถ้าเชื่อมต่อไม่ได้ — สิ่งที่ควรตรวจสอบ

  • วางคีย์ผิดหรือเปล่า? ตรวจสอบว่าคุณวางข้อความทั้งหมดที่ขึ้นต้นด้วย hmx_live_
  • client รองรับหรือไม่: คุณต้องใช้ MCP client ที่รองรับ custom header (Claude Code, Cursor เป็นต้น) ส่วน Claude Desktop custom connectors (แบบ OAuth) อยู่ในแผนพัฒนาต่อไป
  • คีย์ถูกยกเลิกหรือเปล่า? ตรวจสอบ Settings → API keys ว่ามีคีย์ที่ยังใช้งานได้อยู่

ราคา

การเข้าถึง MCP ฟรีในทุกแผน (มีเพียงขีดจำกัดการเรียกใช้ต่อเนื่องตามความเหมาะสม) ทั้งฮีทแมพและการทดสอบ A/B พร้อมใช้งานจาก Claude แล้ว — ลองใช้ดูได้เลย

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

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