热力图分析 - 改动前后基线怎样记录才算可用
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /af5a1e18898c.html
📄
热力图分析 - 改动前后基线怎样记录才算可用
记录热力图分析基线的核心，是在改动前固定同一批页面、同一批设备和同一段观察窗口，把点击、滚动、注意力与转化数据按统一口径存档；改动后再用完全相同的条件采集一次，比较同一指标的变化。基线不是“改前随便截一张图”，而是一份能回答“如果没改会怎样、改了以后哪里变了”的可复核记录。
先确定要交付什么，再倒推资料清单
把验收目标写成一句话：某页面在相同流量条件下，主按钮点击率、表单到达率或滚动深度是否发生变化。围绕这句话，改动前至少要留下四类资料。
- 页面与版本凭证：页面URL、页面截图、DOM结构或前端版本号、改动清单。没有版本凭证，事后无法确认比较的是不是同一对象。
- 热力图原始数据：点击热图、滚动热图、注意力热图（若工具提供）、元素点击排行、会话回放样本编号。截图要带时间范围和筛选条件。
- 统计口径说明：统计的是会话数、独立访客数还是点击次数；是否排除内部IP、爬虫和特定渠道；设备与浏览器如何分组。
- 外部参照：同时段站内统计、搜索引擎报告或第三方估算的流量来源与落地页分布。三者口径不同，只能并列参考，不能互相替代。
把采集条件固定成可复制的检查项
热力图分析最容易出错的地方，是改动前用桌面端、改动后用移动端，或者改动前统计七天、改动后只看三天。基线记录必须把下列条件写成检查项，逐条确认。
- 时间窗口：选择完整自然周或至少包含工作日与周末的连续区间，避开大促、停投和节假日。
- 设备与来源：桌面、移动分开记录；自然搜索、付费广告、站内推荐分别标注，避免渠道结构变化污染结论。
- 页面状态：确认改动前后没有同时上线其他实验、弹窗、Cookie横幅或跳转规则。
- 样本量：记录会话数与点击事件数。样本过小时只做定性观察，不急于下结论。
- 工具设置：快照日期、筛选器、分段条件、是否开启采样，全部写进同一份记录。
如果使用代码埋点，可以在改动前把关键元素标识固定下来，例如给主按钮加上稳定的data-track值，改动布局时只调整样式，不改标识。这样前后热力图才能按同一元素聚合。需要说明的是，不同热力图工具对“点击”和“滚动”的定义并不一致，跨工具比较前要先核对各自文档。
用一张对照表完成前后比较
假设某产品页把“立即咨询”按钮从页面中部移到首屏，改动前记录如下：移动端会话1200次，按钮点击96次，点击热图显示主要点击集中在首屏标题附近，滚动到50%的会话占42%。改动后仍取移动端、同一来源、同样七天窗口。比较时只看同一指标的变化方向，不把点击率、滚动率和转化率混成一个总分。
- 按钮点击率：改动前8%，改动后若为11%，说明点击行为增强；若同时转化率下降，可能是误点或按钮文案与落地页不匹配。
- 滚动深度：若50%滚动率从42%降到35%，要检查是否首屏内容变长或加载变慢。
- 点击分布：热图上的点击是否仍集中在旧位置，可判断用户习惯是否尚未迁移。
- 会话回放：抽取改动前后各若干条同设备样本，观察操作路径差异，作为定量数据的补充证据。
这里的数字是假设示例，用于说明比较方法。真实项目中，样本量、季节性和渠道结构都会影响结果，判断时应优先看趋势是否稳定、是否有多来源数据相互印证。
责任与验收：让基线可追溯
基线记录要指定一名数据负责人和一名改动负责人。数据负责人负责导出热力图、标注口径、保存原始文件；改动负责人负责提供版本号与上线时间。验收时逐项核对：页面版本是否一致、时间窗口是否等长、筛选条件是否相同、样本量是否足够、结论是否只基于同一指标。任何一项不满足，就只能记为观察，不能当作改动效果的证据。
下一步，先为当前要改的页面建立一份基线档案：固定采集条件，导出改动前的热力图与元素点击排行，写下版本号和观察窗口。改动上线后，用同一份检查项再采集一次，再决定是继续迭代还是回退。
