TapCub 正式上线:统计、分析、客服一个平台免费用
帮助中心

怎么生成热力图?

TapCub 的热力图来自全埋点:打开全埋点,选一个页面和设备,再看点击、挫败点击、滚动到达和元素占比。前提条件、步骤和限制。

数据分析1 分钟阅读最后更新 2026 年 11 月 4 日TapCub 团队所属指南: 全埋点与 AI 事件收件箱

还有其他问题?

没找到答案?每条消息都有真人阅读,工作日通常几小时内回复。

在线咨询

简短回答

打开全埋点(Pro 及以上套餐),要看滚动图再打开「滚动深度」。然后进入「全端分析 → 行为分析 → 热力图」,选页面和设备,在点击热图、挫败点击、滚动到达和元素占比之间切换。

开始之前

热力图建立在全埋点之上,不需要另装热力图脚本。

  1. 打开全埋点:在 网站统计配置SDK 代码 的全埋点卡片里打开。全埋点从 Pro 套餐起包含。
  2. 想看滚动图,在同一张卡片里打开「滚动深度」。不打开的话,滚动到达是空的。
  3. 需要的话限定页面:卡片里有页面范围规则(* 作通配,比如 /product/*)和不采集的元素列表。

数据从打开全埋点那一刻开始积累,热力图不包含之前的访问。

打开某个页面的热力图

  1. 进入 全端分析行为分析热力图。
  2. 在清单里选一个页面。清单按路径模板归并,所以 /product/123 和 /product/456 在同一行。
  3. 选设备:全部、桌面、移动或平板。各端布局不同,要分开看。
  4. 选页签和时间范围(最长 92 天)。
页签显示什么
点击热图大家点在哪里,颜色从蓝(少)到红(多)
挫败点击短时间内连点三下、位置挨得很近的地方,说明有东西没反应
滚动到达到达每个深度或更深的访问占比
元素占比点击最多的控件、占比和访客数

在热力下面叠真实页面

TapCub 可以把线上页面叠在热力下面。地址默认是 https:// 加项目主域名再加页面路径。多域名站点或本地联调时,在开关旁边改页面来源;这个设置只保存在你的浏览器里。

如果网站禁止被嵌入框架,叠加层会是空的。坐标图照样可用,也可以改用截取底图。

哪些不会记录

密码框、带 data-tc-ignore 的元素里面的内容、客服挂件,以及黑名单里的元素。元素文字默认不采。

清除数据

在全埋点卡片里点「清除全部」,或者在某个页面的热力图里清除本页。已在事件收件箱接受的事件和代码埋点的事件会保留。想看单次会话而不是很多人叠在一起,用会话回放。

另见:怎么看热力图、狂点、追踪滚动深度。

另见:观看会话回放。

这篇回答解决你的问题了吗?

我们会根据反馈修改和补充这篇内容。

看清数据,找到增长。

每一次点击,都有数据依据。装好一行代码,1 分钟看到第一批数据。

无需信用卡 · 统计与客服都有免费版 · 统计无 Cookie