HeatMapX

Heatmap ที่รันได้จาก Claude Code.

CLI + CRO as Code. AI จับภาพ วิเคราะห์ และส่ง improvement PR — สำหรับ growth engineer

~/your-site

$ heatmapx analyze /pricing

✓ Captured 1,240 clicks · 3,180 scroll samples

✓ Claude analyzing heatmap…

→ CTA sits below the fold — 62% never reach it

→ Generated patch → PR #42 (cta-above-fold)

Heatmap ที่ไม่เคยถูกนำไปใช้จริง

insight อยู่ในหัวคนเดียว

ใครเปิด dashboard คนนั้นรู้ แต่ hypothesis และประวัติการปรับปรุงไม่เคยเข้าไปอยู่ใน codebase เลย

ไม่รู้ว่าต้องลองอะไรต่อไป

คุณเห็น click distribution แต่การคิดหา experiment ต่อไปยังต้องทำเองทั้งหมด

filter หายไปกับ GUI

Segment และ filter ที่ตั้งค่าใน dashboard ไม่เคยรอดไปถึง PR review

รันจาก CLI. ติดตามผลใน code.

heatmap.config.ts
import { defineHypothesis } from 'heatmapx'

export default defineHypothesis({
  page: '/pricing',
  goal: 'Lift CTA reach rate',
  variants: [
    { name: 'control' },
    { name: 'cta-above-fold' },
  ],
})
  1. 1. กำหนด hypothesis ใน heatmap.config.ts
  2. 2. รัน heatmapx analyze /pricing เพื่อเก็บข้อมูลและให้ AI วิเคราะห์
  3. 3. Claude เสนอ fix พร้อม HTML patch (auto-PR กำลังจะมา)
  4. 4. Review → merge
  5. 5. รัน analyze อีกครั้ง — heatmap ที่เจอปัญหาตอนแรกจะยืนยันว่าแก้สำเร็จ

วิธีการทำงาน

จากการติดตั้งไปจนถึงข้อมูลเชิงลึก CRO ใน 3 ขั้นตอน

ไม่มี SDK integration ไม่มีการกำหนดค่า dashboard เพียงแค่ติดตั้ง รอ และวิเคราะห์

01

ติดตั้งเครื่องมือติดตามข้อมูล

วางแท็ก script บรรทัดเดียวลงในไซต์ของคุณ (หรือเรียกใช้ heatmapx init) ไม่ต้องตรวจสอบโค้ด ไม่ต้องตั้งค่า SDK

02

ผู้ใช้จริงท่องเว็บ

HeatMapX จับข้อมูลการคลิก ความลึกของการเลื่อน และเซสชั่นของพื้นที่มองเห็นในพื้นหลัง โดยปกติแล้ว ข้อมูลการเข้าชมเว็บ 24 ชั่วโมงก็เพียงพอแล้ว

03

รับข้อมูลเชิงลึก AI ผ่าน CLI

เรียกใช้ heatmapx analyze /pricing ในเทอร์มินัลของคุณ (หรือขอ Claude Code) รับข้อมูลเชิงลึก CRO ที่จัดลำดับความสำคัญ + แพตช์ HTML พร้อมที่จะควบรวม

สิ่งที่คุณได้รับ

Heatmap tracking

บันทึก click, scroll และการเคลื่อนไหวของเมาส์ด้วย tracker ที่เบาที่สุด

CRO as Code

กำหนด hypothesis ใน heatmap.config.ts เก็บความรู้ทีมไว้ใน PR review

Claude Code CLI

heatmapx analyze /pricing — Claude วิเคราะห์ เสนอ fix และสร้าง HTML patch

ทำไมจึงเลือก HeatMapX

HeatMapX เทียบกับเครื่องมือ heatmap อื่น ๆ

สำหรับ heatmap เพียงอย่างเดียว เครื่องมือใดก็ได้ใช้ได้ HeatMapX ไปต่อไปอีก — แพตช์ HTML ที่สร้างโดย AI ส่งมอบจาก CLI

ความสามารถHeatMapXTool ATool B
ติดตั้งเครื่องมือติดตามข้อมูลบรรทัดเดียว
แพตช์ AI ขับเคลื่อนด้วย CLI (สร้าง HTML โดยอัตโนมัติ)
ทักษะ Claude Code / agent integration
ผลลัพธ์ PR พร้อมที่จะควบรวม
ระดับฟรี✓ 1 site
แผนแม่นจำนวนเงินเริ่มต้นที่$29 / mo$80 / mo
ตัวเลือกที่โฮสต์เองได้Roadmap
การเล่นซ้ำเซสชัน (วิดีโอ)Roadmap
การตรวจจับการคลิก Rage / deadRoadmap

* ราคาของเครื่องมืออื่น ๆ ตั้งแต่เดือนมิถุนายน 2026 มาจากแหล่งข้อมูลสาธารณะ

HeatMapX สำหรับใคร

สร้างมาสำหรับผู้สร้างที่วัดผล

จากผู้สร้าง SaaS โดยตัวเอง ไปจนถึงทีมพัฒนาภายใน และผู้ใช้ Claude Code ที่มีพลังมาก HeatMapX เป็นสำหรับผู้ที่สร้างสิ่งต่าง ๆ และปรับปรุงให้ดีขึ้น

Indie hackers

Marketing engineers

Growth hackers

นักพัฒนาอิสระ นักการตลาดที่เขียนโค้ด และวิศวกรที่มุ่งเน้นการเติบโต ปรับปรุงการแปลงของไซต์ใด ๆ ที่คุณทำงาน — B2C, SaaS, e-commerce, content — โดยไม่ต้องออกจากเทอร์มินัล

ผู้พัฒนา Freelance

แสดงข้อมูล heatmap ที่เป็นรูปธรรมให้ไคลเอ็นต์เห็น และพิสูจน์ ROI ของงานของคุณ แพตช์ CRO ที่สร้างโดย AI ส่งมอบเร็วกว่ารายงานที่เขียนด้วยมือ

ทีมพัฒนาขนาดเล็ก

บริษัทด้านการตลาด

ไม่มีทีม ops ไม่จำเป็นต้องมี CRO consultant แยกต่างหาก เรียกใช้การวิเคราะห์ heatmap จากเวิร์กโฟลว์การพัฒนาของคุณ และส่งมอบการปรับปรุงควบคู่ไปกับคุณสมบัติ

Claude Code users

ขอให้ Claude Code วิเคราะห์ไซต์ของคุณ และรับข้อมูลเชิงลึก CRO ที่สนับสนุนโดย heatmap โดยตรงในการสนทนา ไม่จำเป็นต้องสลับบริบท

Roadmap

  • พร้อมใช้งาน

    Dashboard

    แสดง click, scroll และการเคลื่อนไหวของเมาส์

  • พร้อมใช้งาน

    Tracking API

    ติดตั้ง tracker ด้วย code บรรทัดเดียว

  • พร้อมใช้งาน

    Claude Code CLI

    รัน capture, วิเคราะห์ และรับ suggestion ตรงจาก CLI

  • พร้อมใช้งาน

    AI suggestions + HTML patch generation

    Claude แปลง analysis เป็น improvement patch พร้อม PR

  • กำลังพัฒนา

    Team plan

    Multi-seat collaboration สำหรับทีม

  • กำลังพัฒนา

    First-View A/B testing (ตั้งค่าและวัดผล)

    รันและวัดผล variant ในพื้นที่ above-the-fold

  • กำลังพัฒนา

    นำผล A/B ไปใช้

    นำ variant ที่ชนะขึ้น production ด้วยคลิกเดียว

  • กำลังพัฒนา

    A/B auto-optimization (ML)

    แบ่ง traffic ไป variant ที่ชนะอัตโนมัติ — เหมือน ML ของโฆษณา

Pricing

Simple, transparent pricing

Start free, scale as you grow. Save ~20% with yearly billing.

Free

Indie hackers / freelancers

$0/ เดือน
  • 1 เว็บไซต์
  • 5,000 sessions / เดือน
  • 10 AI analyses / เดือน
See details

Pro

ลด 20%

Marketing engineers / growth hackers

$29/ เดือน
  • 3 เว็บไซต์
  • 50,000 sessions / เดือน
  • 100 AI analyses / เดือน
See details

Team

สำหรับทีม in-house / agency

$99/ เดือน
  • 10 เว็บไซต์
  • 500,000 sessions / เดือน
  • 1,000 AI analyses / เดือน
See details

Enterprise

สำหรับ volume สูง / custom

ติดต่อทีมขาย
  • ไม่จำกัด site, session, analysis
  • Dedicated support & SLA
  • ตัวเลือก self-hosted
See details

FAQ

ราคาเท่าไร?
Free / Pro $29/mo / Team $99/mo / Enterprise — สี่ระดับ ลด 20% สำหรับแผนรายปี ดูรายละเอียดที่ heatmapx.com/th/pricing
แตกต่างจาก Hotjar / Microsoft Clarity / PostHog อย่างไร?
เครื่องมือเหล่านั้นเป็น GUI-first heatmap viewer ส่วน HeatMapX จัดการ hypothesis ใน git ผ่าน CLI + code และให้ Claude เสนอการปรับปรุงจริง
รองรับเว็บไซต์ประเภทใดบ้าง?
เว็บไซต์ใดก็ได้ที่ติด tag ได้ ผ่านการทดสอบบน Next.js / Nuxt / Astro / WordPress แล้ว
ความเป็นส่วนตัวเป็นอย่างไร?
ไม่มีการเก็บข้อมูลส่วนตัวใด — เก็บเพียง click coordinate และ anonymous session ID เท่านั้น
เริ่มต้นใช้งานอย่างไร?
สมัครฟรี เพิ่มเว็บไซต์ ติด tracker tag แล้วรัน heatmapx analyze ในเทอร์มินัล heatmap แรกและ AI-suggested fix จะพร้อมภายในไม่กี่นาที

ไม่ต้องรออีกต่อไป

สมัครฟรี เพิ่มเว็บไซต์ ติด tracker แล้วรัน heatmapx analyze — heatmap แรกของคุณ วันนี้เลย