HeatMapX

Heatmap chạy trực tiếp từ Claude Code.

CLI + CRO as Code. AI tự chụp, phân tích và tạo PR cải tiến — dành cho 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 nhìn xong… để đó.

Insight chỉ nằm trong đầu một người

Ai mở dashboard thì biết, còn giả thuyết và lịch sử cải tiến không bao giờ được ghi vào codebase.

Không biết thử gì tiếp theo

Bạn thấy phân bố click. Nhưng bước tiếp theo — thí nghiệm gì — vẫn phải tự nghĩ.

Bộ lọc chết trong GUI

Segment và filter thiết lập trong dashboard không bao giờ sống sót vào PR review.

Chạy từ CLI. Theo dõi bằng 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. Định nghĩa giả thuyết trong heatmap.config.ts
  2. 2. Chạy heatmapx analyze /pricing để chụp ảnh + phân tích AI
  3. 3. Claude đề xuất cải tiến và tạo HTML patch (tự động PR sắp ra mắt)
  4. 4. Review → merge
  5. 5. Chạy lại analyze — chính heatmap đã tìm ra vấn đề giờ xác nhận bản sửa

Cách hoạt động

Từ cài đặt đến CRO insights trong 3 bước

Không cần tích hợp SDK. Không cần cấu hình dashboard. Chỉ cần cài đặt, chờ đợi và phân tích.

01

Cài đặt trình theo dõi

Dán một thẻ script 1 dòng vào trang web của bạn (hoặc chạy heatmapx init). Không cần đánh giá mã, không cần thiết lập SDK.

02

Người dùng thực tế duyệt web

HeatMapX ghi lại nhấp chuột, độ sâu cuộn và các phiên viewport trong nền. 24 giờ lưu lượng truy cập thường là đủ.

03

Nhận khác phục CRO qua CLI

Chạy heatmapx analyze /pricing trong terminal của bạn (hoặc yêu cầu Claude Code). Nhận CRO insights ưu tiên + các bản vá HTML sẵn sàng để hợp nhất.

Tính năng nổi bật

Heatmap tracking

Ghi lại click, cuộn trang và di chuyển chuột bằng tracker siêu nhẹ.

CRO as Code

Định nghĩa giả thuyết trong heatmap.config.ts. Lưu toàn bộ kiến thức nhóm vào PR review.

Claude Code CLI

heatmapx analyze /pricing — Claude phân tích, đề xuất cải tiến và tạo HTML patch.

Tại sao chọn HeatMapX

HeatMapX so với các công cụ heatmap khác

Để chỉ dùng heatmap, bất kỳ công cụ nào cũng hoạt động. HeatMapX đi xa hơn — các bản vá HTML được tạo bởi AI, cung cấp từ CLI.

Khả năngHeatMapXCông cụ ACông cụ B
Cài đặt trình theo dõi 1 dòng
Các bản vá AI được điều khiển bằng CLI (HTML được tạo tự động)
Kỹ năng Claude Code / tích hợp tác nhân
Đầu ra PR sẵn sàng để hợp nhất
Cấp độ miễn phí✓ 1 site
Gói trả phí bắt đầu từ$29 / mo$80 / mo
Tùy chọn tự lưu trữRoadmap
Phát lại phiên (video)Roadmap
Phát hiện nhấp chuột tức giận / chếtRoadmap

* Giá của các công cụ khác tính đến tháng 6 năm 2026, từ các nguồn công khai.

HeatMapX dành cho ai

Được xây dựng cho những người xây dựng thứ gì đó và đo lường nó

Từ những nhà tạo SaaS solo đến các đội dev nội bộ và những người dùng Claude Code nâng cao. HeatMapX dành cho những người xây dựng những thứ và sau đó cải thiện chúng.

Indie hackers

Marketing engineers

Growth hackers

Các nhà phát triển solo, những người tiếp thị biết mã hóa và các kỹ sư tập trung vào tăng trưởng. Cải thiện tỷ lệ chuyển đổi của bất kỳ trang web nào bạn làm việc — B2C, SaaS, e-commerce, nội dung — mà không cần rời khỏi terminal của bạn.

Nhà phát triển freelance

Hiển thị cho khách hàng dữ liệu heatmap cụ thể và chứng minh ROI của công việc của bạn. Các bản vá CRO được tạo bởi AI được triển khai nhanh hơn báo cáo được viết bằng tay.

Các đội dev nhỏ

Các cơ quan

Không cần đội ops, không cần tư vấn CRO riêng biệt. Chạy các phân tích heatmap từ quy trình công việc dev của bạn và triển khai những cải tiến cùng với các tính năng.

Claude Code users

Yêu cầu Claude Code phân tích trang web của bạn và nhận các đề xuất CRO được hỗ trợ bởi heatmap trực tiếp trong cuộc trò chuyện. Không cần chuyển đổi ngữ cảnh.

Lộ trình phát triển

  • Đã có

    Dashboard

    Trực quan hoá click, cuộn trang và di chuyển chuột

  • Đã có

    Tracking API

    Tracker siêu nhẹ, tích hợp một dòng code

  • Đã có

    Claude Code CLI

    Chạy chụp ảnh, phân tích và gợi ý cải tiến từ CLI

  • Đã có

    AI suggestions + HTML patch generation

    Claude biến phân tích thành patch cải tiến sẵn sàng tạo PR

  • Đang triển khai

    Gói Team

    Cộng tác đa người dùng cho team

  • Đang triển khai

    A/B testing First-View (cấu hình và đo lường)

    Chạy và đo lường các biến thể ở khu vực trên màn hình đầu tiên

  • Đang triển khai

    Áp dụng kết quả A/B

    Triển khai biến thể chiến thắng lên production chỉ với một click

  • Đang triển khai

    Tự động tối ưu A/B (ML)

    Tự động phân bổ traffic cho biến thể chiến thắng — giống ML quảng cáo

Pricing

Simple, transparent pricing

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

Free

Indie hackers / freelancers

$0/ tháng
  • 1 website
  • 5.000 session / tháng
  • 10 phân tích AI / tháng
See details

Pro

GIẢM 20%

Marketing engineers / growth hackers

$29/ tháng
  • 3 website
  • 50.000 session / tháng
  • 100 phân tích AI / tháng
See details

Team

Nhóm nội bộ / agency

$99/ tháng
  • 10 website
  • 500.000 session / tháng
  • 1.000 phân tích AI / tháng
See details

Enterprise

Lưu lượng lớn / tuỳ chỉnh

Liên hệ sales
  • Không giới hạn website, session, phân tích
  • Hỗ trợ riêng & SLA
  • Tuỳ chọn tự host
See details

Câu hỏi thường gặp

Chi phí sử dụng là bao nhiêu?
Free / Pro $29/mo / Team $99/mo / Enterprise — bốn gói, giảm 20% khi thanh toán hàng năm. Xem chi tiết tại heatmapx.com/vi/pricing.
HeatMapX khác gì so với Hotjar / Microsoft Clarity / PostHog?
Các công cụ đó là heatmap viewer tập trung vào GUI. HeatMapX quản lý giả thuyết trong git qua CLI + code, và Claude đề xuất cải tiến thực tế.
Hỗ trợ những loại website nào?
Bất kỳ website nào có thể nhúng tag. Đã kiểm chứng trên Next.js / Nuxt / Astro / WordPress.
Vấn đề quyền riêng tư thì sao?
Không thu thập thông tin cá nhân — chỉ ghi lại toạ độ click và session ID ẩn danh.
Làm thế nào để bắt đầu?
Đăng ký miễn phí, thêm website, nhúng tag tracker vào, rồi chạy heatmapx analyze trong terminal. Heatmap đầu tiên và gợi ý cải tiến AI sẽ có trong vài phút.

Không cần chờ thêm nữa.

Đăng ký miễn phí, thêm website, nhúng tracker, chạy heatmapx analyze — heatmap đầu tiên của bạn, ngay hôm nay.