点击热力图

可视化用户在页面内点击(或触点)位置的热力图。您可以定量确认用户的操作意图和 CTA 的效果。


这个热力图能告诉你什么

  • 页面内最多被点击的元素在哪里

  • CTA 按钮是否获得了充分的点击

  • 是否存在用户想点击但没有设置链接的地方

前提:要做元素级别的点击分析,目标页面需要先 设置元素。切换到点击热力图时元素会自动扫描。


两种显示模式

通过热力图左上角的下拉菜单切换显示模式。默认是点击热力图(色彩显示),建议先用色彩显示直观掌握整体点击分布,再切换到元素点击(数值显示)深入分析具体元素的数据。

模式
特点

点击热力图(色彩显示·默认)

以色彩深浅可视化点击集中区域。也能看到没有被设为可交互的位置的点击

元素点击(数值显示)

按元素显示点击数·点击率·点击占比

两种显示模式的切换下拉

点击热力图模式(色彩显示)

以**热成像图(色彩深浅)**可视化点击重叠。也能看到未被设为可交互位置的点击,方便发现「明明没设链接但用户在按」的元素。

颜色
含义

红色

点击集中的区域

蓝色

点击较少的区域

透明

几乎没有点击的区域


元素点击模式(数值显示)

数值形式显示各元素的点击数据。还可以切换以下 3 个指标:

显示指标
说明

点击数

各元素被点击的次数

点击率

各元素的点击率 计算公式:目标元素的点击数 ÷ 到达该区块的页面浏览数

点击占比

该元素占页面整体点击数的比例

元素详情查看

点击热力图上的元素,会弹出该元素的详情面板:

  • 显示数

  • 点击数

  • 点击占比

  • 点击 UV(独立用户数)

  • 转化数

右侧元素列表

热力图右侧面板显示页面内所有元素的列表。

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

  • 点击行的行为:点击元素列表中的行后,右侧面板会切换为该元素的详细数据。热力图区域不会跳转或高亮该元素的位置(这个面板是为了查看元素单位的详细数据而设计的)

元素分析(详细数据与内分解)

点击元素后,除了主要数值,还能查看该元素被点击访问的内分解数据。可以按访问属性(流入来源、设备等)过滤、拆分,回答"哪些经路过来的人在按这个元素"等问题。

内分解数据
说明

流入来源

点击此元素的访问的流入来源(搜索引擎、活动等)

设备信息

点击此元素的访问的设备信息

入口页面

点击此元素的访问的着陆页面

地域

点击此元素的访问的地域

元素操作菜单

选中元素后可执行以下操作:

操作
说明

重命名

给元素起一个易懂的名字

移到位置

滚动视图到该元素所在位置

设为 CTA

标记为重要 CTA

设为固定显示

标记为浮动元素

删除

删除元素标记


仅显示 CTA 过滤

勾选「仅显示 CTA」,热力图和元素列表中只会显示标为 CTA 的元素。可以聚焦关键元素快速分析。

CTA 的设定方法请参考 区块·元素设定方法 — 什么是 CTA


使用的指标

指标名
定义
计算公式
显示模式

点击数

对目标元素的点击次数。无论是否有链接都会被记录。

元素点击

点击率

目标元素的点击率。

目标元素的点击数 ÷ 到达该区块的页面浏览数

元素点击

点击占比

该元素占页面整体点击总数的比例。

目标元素的点击数 ÷ 页面整体点击数

元素点击

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


分析提示

点击的「正面因素」和「负面因素」

变红的地方并不都是良好状态。

  • 正面因素:CTA 按钮或重要链接吸引了大量点击

  • 负面因素:没有链接的图像或文本吸引了大量点击(= 用户期望与页面设计存在偏差)

CTA 点击率的参考标准

CTA 按钮的点击率相对于访问数应该在 10% 以上是一个参考值。如果低于 10%,请考虑改进 CTA 的可见性、文案和位置。

检查要点

  • 点击集中的地方是否符合预期

  • 被点击最多的元素是否位于页面难以看到的地方

  • 是否存在被点击但没有设置链接或行动的元素

  • CTA 按钮的点击率是否充分


相关页面

最后更新于