停留热力图

可视化用户在页面内每个区块停留时间的热力图。停留时间长 = 用户关注度高,可以帮助识别这类区域。


这个热力图能告诉你什么

  • 哪些区块吸引了用户的关注

  • 哪些区块被用户跳过

  • 重要内容是否得到了适当的关注

前提:使用停留热力图前,目标页面需要先 设定区块


两种显示模式

通过热力图左上角的下拉菜单切换显示模式。默认是注意力模式,建议先用注意力直观掌握整体注目分布,再切换到区块停留深入查看具体区块的数据。

模式
特点
适合的场景

注意力(默认)

以像素粒度的注目分布,用热成像(色彩深浅)显示

想知道视线具体集中在哪个位置

区块停留

按区块单位显示平均停留时间(秒数)

想大致了解哪个区块受欢迎


注意力模式(色彩显示)

将用户的停留时间相对评估,用色彩深浅可视化。

颜色
含义

红色

用户停留时间长的区域

蓝色

用户关注度低的区域

透明

停留时间接近零

注意力着色的 3 个规则

  1. 画面正中央最红 — 用户视线集中的区域

  2. 多人在同一位置停止滚动会变红 — 多个用户在同一位置停止时,颜色更深

  3. 用户长时间停留的位置会变红 — 长时间被阅读的位置越红


区块停留模式(数值显示)

按每个区块(区段)显示平均停留时间(秒数)。

  • 每个区块上方显示停留秒数

  • 右侧面板显示所有区块的列表和展示率

区块详情查看

点击热力图上的任意区块,会弹出该区域的详情数据:

  • 展示率

  • 平均停留时间

  • 离脱数

  • 转化数

右侧数据表

热力图右侧的数据表显示页面内所有区块的列表。

指标
说明

区块名

点击会滚动到热力图上的对应位置

展示率

该区块在画面中显示的 PV 比例

平均停留时间

看到该区块的用户的平均停留时间。越长说明关注度越高

关于排序:区块列表默认按**页面上的出现顺序(区块上端的高度)**排列。点击各列表头可以按该指标重新排序。


使用的指标

指标名
定义
计算公式

区块平均停留时间

该区块出现在可视窗口内的平均时间(秒),表示用户看了该区块多久

该区块在可视窗口内的停留时间合计 ÷ 展示数

展示率

滚动到该区块并显示的 PV 数比例

到达区块上端的 PV 数 ÷ 总页面浏览数

各指标的详细计算公式请参考 指标参考


分析提示

停留时间长 ≠ 一定是正面信号

停留时间长有 2 种可能原因:

  • 正面:用户对内容感兴趣,认真阅读

  • 负面:内容不清楚,需要时间才能理解

判断的关键是与离脱热力图组合使用

模式
停留时间
离脱率
解读

关注度高

用户对内容满意,继续到下一区块

有疑虑

用户读了内容,但与期望不符而离脱

跳过阅读

没有兴趣,但期待下一内容而继续

即刻离脱

看到内容立即失去兴趣,离脱

检查要点

  • 重要内容(价值主张、CTA 等)是否得到了充分关注

  • 被关注的内容是否埋没在页面下方

  • 整个页面色彩较浅可能说明内容吸引力不足

  • 色彩差异大的区域(红→绿→红)表示该区域阅读意愿波动剧烈


相关页面

最后更新于