如何解读 statpx 点击热力图：实用指南

标准流量报告会告诉您某个页面获得了 4000 次访问，平均停留时间为 45 秒。但它永远不会告诉您那 45 秒里发生了什么。访客是滚动到了第二个板块，还是在首屏就跳出了？他们是否试图点击您的 Logo，以为它是一个链接？statpx 热力图正是为了回答这些问题：它将页面上每一次真实点击绘制成画布叠加层上的一个点，颜色从冷蓝色（点击密度低）渐变到热红色（点击密度高）。本指南将介绍如何开启热力图、如何解读强度图，以及如何用它找出访客实际点击的位置。

热力图页面显示的内容

从 statpx 控制台中任意网站的侧边栏打开 heatmap.php，您会在顶部看到一个路径选择器，列出您访问量最高的页面。选择一个路径——比如 /pricing 或 /blog/guide-heatmap.php——statpx 会根据该确切页面路径记录的真实点击坐标渲染画布叠加层，并汇总所选日期范围内访问过该页面的每一个会话。与合成的鼠标追踪估算不同，画布上的每一个点都对应一次真实访客的实际点击，并根据页面布局进行了归一化处理，因此无论视口大小如何都能正确对齐。

由于热力图是针对单个页面路径生成的，每个 URL 都会得到独立的地图——您的首页热力图和结账页热力图完全不同，而这正是您想要的，因为两个页面的布局和目标完全不同。

用一行代码启用点击追踪

热力图捕获是按页面自愿开启的。请在 statpx 追踪代码加载之前添加这一行：

一旦将 window._stHeatmap 设置为 true，该页面上的每一次点击都会被自动捕获——坐标、被点击的元素以及当前页面路径——无需额外的标记或手动绑定事件。您可以在每个模板中添加此标记，在全站范围内启用它，也可以仅在您想要分析的特定页面上（例如正在积极优化的着陆页）选择性启用。

解读从蓝到红的强度图

颜色刻度设计得非常简单：蓝色区域相对页面其他部分获得的点击较少，红色区域获得的点击最多。介于两者之间的一切都按比例渐变。当您积累了足够的数据后，可以留意以下几种模式：

• 冷淡的主要 CTA。 如果您的主要行动号召按钮仍是浅蓝色，而附近的某个元素却泛红，说明访客参与的是您希望他们采取的行动之外的其他内容。
• 不可点击元素上出现的暖色区。 如果标题、图片或纯文本块出现意外的红色，说明访客正试图点击一个并非交互式的元素——这是一个强烈信号，提示您应该把它变成真正的链接。
• 折叠线以下的死区。 如果所有红色都集中在第一屏，而页面其余部分均匀呈蓝色，说明大多数访客从未滚动到足够远以接触到下方的内容。

选择页面路径并发现模式

从您流量最高的页面开始——通常是首页、顶级着陆页以及定价或注册页面——因为它们拥有最多的点击量，足以构建有意义的地图。在布局变更后，切换到该特定路径的今天或 7 天范围，快速查看新版本是否在您预期的区域获得了参与度。将转化良好的页面与布局相似但表现不佳的页面的热力图进行比较；点击集中位置的差异往往比任何单一指标都更能解释转化差距。将热力图发现与用户旅程数据结合使用，不仅能看到访客点击的位置，还能看到那次点击将他们带向何处。

总结

热力图将抽象的点击次数转化为您可以在几秒内读懂的图像。您不必再猜测某个页面为何表现不佳，而是可以直接查看注意力和交互实际落在哪里，然后将重要元素移动到访客已经在参与的区域。在您最关心的页面上启用 window._stHeatmap，给它足够的流量以构建清晰的地图，并在每次更改布局时重新查看——这是确认重新设计确实有效而非仅仅是假设有效的最快方法。若想全面了解访客如何在您网站中移动，请阅读我们关于解读 statpx 控制台的指南。