HeatMapXHeatMapX
价格登录
HeatMapX

从 Claude Code 启动的热力图。

CLI + CRO as Code。AI 自动捕获、分析、生成优化 PR——为增长工程师而生。

~/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)

热力图,就这样被闲置了。

洞察只留在某人脑子里

打开 Dashboard 的人知道。但假设和优化历史从未进入代码库。

看完数据,还是不知道下一步

你能看到点击分布,但"下一个要测什么"还得靠自己想。

筛选条件死在 GUI 里

Dashboard 里设好的分段和过滤条件,PR review 时早已烟消云散。

从 CLI 启动。在代码里追踪。

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. 在 heatmap.config.ts 中定义假设
  2. 2. 运行 heatmapx analyze /pricing,完成采集 + AI 分析
  3. 3. Claude 提出改进建议并生成 HTML 补丁(自动 PR 即将上线)
  4. 4. Review → 合并
  5. 5. 再次运行 analyze — 当初发现问题的热力图,现在确认修复效果

工作原理

从安装到CRO洞察,仅需3步

无需SDK集成。无需仪表板配置。只需安装、等待和分析。

01

安装追踪器

将1行脚本标签粘贴到您的网站(或运行 heatmapx init)。无需代码审查,无需SDK设置。

02

真实用户浏览

HeatMapX在后台捕获点击、滚动深度和视口会话。通常24小时的流量就足够了。

03

通过CLI获得AI修复

在终端中运行 heatmapx analyze /pricing(或询问Claude Code)。获得优先级排序的CRO洞察+可直接合并的HTML补丁。

核心功能

热力图追踪

轻量级追踪器,精准捕获点击、滚动与鼠标移动行为。

CRO as Code

在 heatmap.config.ts 中定义假设,将团队洞察沉淀进 PR review。

Claude Code CLI

heatmapx analyze /pricing — Claude 分析数据、提出改进建议并生成 HTML 补丁。

为什么选择HeatMapX

HeatMapX vs其他热力图工具

仅热力图功能,任何工具都可以。HeatMapX更进一步——AI生成的HTML补丁,从CLI直接交付。

功能HeatMapX工具A工具B
1行追踪器安装
CLI驱动的AI补丁(自动生成HTML)
Claude Code技能/代理集成
可直接合并的PR输出
免费层级✓ 1 site
付费计划起价$29 / mo$80 / mo
自托管选项Roadmap
会话回放(视频)Roadmap
愤怒/无效点击检测Roadmap

* 其他工具定价截至2026年6月,来自公开信息。

HeatMapX适用于谁

为测量的构建者而生

从独立SaaS创作者到内部开发团队和Claude Code高级用户。HeatMapX是为构建事物然后改进它们的人准备的。

Indie hackers

Marketing engineers

Growth hackers

独立开发者、会编码的营销人员和增长型工程师。改进您所从事的任何网站的转化率——B2C、SaaS、e-commerce、内容——无需离开您的终端。

自由职业开发者

向客户展示具体的热力图数据,证明您工作的投资回报率。AI生成的CRO补丁交付速度比手写报告快得多。

小型开发团队

代理商

无需运维团队,无需单独的CRO顾问。从您的开发工作流运行热力图分析,并随功能一起交付改进。

Claude Code users

要求Claude Code分析您的网站,直接在对话中获得热力图支持的CRO建议。无需上下文切换。

路线图

  • 已上线

    Dashboard

    可视化点击、滚动与鼠标移动数据

  • 已上线

    Tracking API

    一行代码接入的轻量追踪器

  • 已上线

    Claude Code CLI

    从 CLI 完成采集、分析与优化建议

  • 已上线

    AI 建议 + HTML 补丁生成

    Claude 将分析结果转化为可直接合并的优化补丁

  • 进行中

    Team 套餐

    面向团队的多席位协作

  • 进行中

    首屏 A/B 测试(设置与测量)

    在首屏区域运行并测量变体

  • 进行中

    A/B 测试结果应用

    一键将获胜变体推送到生产环境

  • 进行中

    A/B 自动优化(机器学习)

    自动将流量分配给获胜变体——类似广告 ML

Pricing

Simple, transparent pricing

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

Free

Indie hackers / freelancers

$0/ 月
  • 1 个站点
  • 5,000 次会话 / 月
  • 10 次 AI 分析 / 月
See details

Pro

8 折

Marketing engineers / growth hackers

$29/ 月
  • 3 个站点
  • 50,000 次会话 / 月
  • 100 次 AI 分析 / 月
See details

Team

内部团队 / 代理商

$99/ 月
  • 10 个站点
  • 500,000 次会话 / 月
  • 1,000 次 AI 分析 / 月
See details

Enterprise

高流量 / 定制需求

联系销售
  • 无限站点、会话、分析次数
  • 专属支持 & SLA 保障
  • 支持私有化部署
See details

常见问题

费用是多少?
Free / Pro $29/月 / Team $99/月 / Enterprise — 四档套餐,年付享 8 折优惠。详见 heatmapx.com/zh-CN/pricing。
和 Hotjar / Microsoft Clarity / PostHog 有什么区别?
那些是以 GUI 为核心的热力图查看工具。HeatMapX 通过 CLI + 代码在 git 中管理假设,并由 Claude 直接提出改进方案。
支持哪些类型的网站?
任何能插入 tag 的网站均可使用。已验证兼容 Next.js / Nuxt / Astro / WordPress。
隐私保护方面怎么处理?
不采集任何可识别个人身份的信息——仅记录点击坐标和匿名 session ID。
怎么开始使用?
免费注册,添加站点,将生成的 tracker tag 插入页面,然后在终端运行 heatmapx analyze。几分钟内即可获得第一张热力图和 AI 优化建议。

现在就开始吧。

免费注册,添加站点,接入追踪器,运行 heatmapx analyze——今天就看到你的第一张热力图。