HEATMAP

如何使用热力图?

首先我们强烈建议你在Chrome浏览器下查看热力图。百夫长统计的热力图不仅提供直观点击热图,还提供丰富的数据过滤功能,接下来我们就具体了解一下百夫长统计的热力图由哪些功能。

A. 数据筛选和快捷键功能

a. 百夫长统计提供10种数据筛选结果供用户选择,你可以选择快捷键0~9或者点击控制面板按钮来回切换,筛选数据如下:

  1. 只显示包含href属性的元素的点击数据。(快捷键1
  2. 只显示包含onclick事件的元素的点击数据。(快捷键2
  3. 只显示通过点击具有Submit属性的提交按钮的点击数据。(快捷键3
  4. 只显示通过按Enter键提交表单的点击数据,按Enter键其实是不会有点击数据的,所以我们将Enter键模拟成点击数据,以便更直观的显示表单提交情况。点击位置也将落在提交表单前最后一个Input元素上。(快捷键4
  5. 显示所有表单提交的点击数据,包含Submit按钮提交的点击数据和Enter键提交的模拟点击数据。(快捷键5
  6. 只显示视频元素的点击数据。(快捷键6
  7. 只显示iframe元素的点击数据,一般用于查看页面广告联盟的广告点击数据,但是该数据并不100%准确,只作为参考数据。(快捷键7
  8. 只显示无效点击的点击数据,无效点击是指点击元素既不包含href属性,又不包含onclick事件,无页面行为的点击。(快捷键8
  9. 只显示无法识别的点击数据,有些页面元素可能临时被改动了,或者网页在移动端和PC端的布局不一致,比如2套模板的页面,或者非响应式的页面,那么这些元素的点击会导致无法定位,这种情况下我们只能通过访客当时的点击的绝对位置来定位,此数据仅供参考。(快捷键9
  10. 显示所有点击数据。(快捷键0


b. 以上数据是按元素的属性和事件来区分和筛选的数据,仅此还无法完全满足我们对数据筛选的要求,所以我们加入了另外9个筛选开关叠加使用,确保数据符合您的苛刻要求。筛选开关如下:

  1. 无效点击过滤开关,过滤无效点击数据。(默认开启过滤,快捷键Q
  2. 隐藏点击过滤开关,什么是隐藏点击?有些页面元素是通过脚本或者CSS动态显示的,比如菜单和弹出层。如何查看它们的准确点击位置呢?将热力图切换至层视图模式,移动鼠标至菜单或点击弹出层,然后按Shift键刷新数据即可。为了不影响正常点击数据的显示,我们默认开启过滤。(默认开启过滤,快捷键W
  3. 重复点击过滤开关,过滤重复点击数据,什么是重复点击?重复点击是指访客连续点击某个页面元素2次以上的点击,包括双击。过滤之后显示的数据就是独立访客唯一点击数据。(默认开启过滤,快捷键E
  4. 无法识别点击过滤开关,过滤无法识别的点击数据。(默认开启过滤,快捷键R
  5. 时段数据选择器,通过设置起始时间和结束时间,显示选择时段内的点击数据。(默认时段 00:00 - 23:59,控制面板按钮
  6. 数据匹配模式切换开关。分别为精确模式和兼容模式,它们有什么作用?比如你的单个页面包含多种语言,当你切换语言时页面显示的文字会改变,但是页面布局和结构是不变的,当采用兼容模式时我们可以不考虑页面文字变化带来的影响,可以显示全部语言的点击数据。当然大部页面不是这种设计,但是我们还是建议你采用兼容模式。(默认兼容模式,快捷键T,或控制面板按钮
  7. PC设备点击数据显示开关,通过此开关可以过滤PC设备的点击数据。(默认开启显示,快捷键A键,或控制面板按钮
  8. 移动设备点击数据显示开关,通过此开关可以过滤移动设备的点击数据。(默认开启显示,快捷键S键,或控制面板按钮
  9. 平板设备点击数据显示开关,通过此开关可以过滤平板设备的点击数据。(默认开启显示,快捷键D键,或控制面板按钮


c. 除了以上数据筛选功能外,我们还提供以下4个辅助功能来更好的呈现数据视图:

  1. 通过上调区域点击密度基数,重新渲染热图色深方式来展现页面的高热点区域。(快捷键+键,或控制面板按钮
  2. 通过下调区域点击密度基数,重新渲染热图色深方式来展现页面的低热点区域。(快捷键-键,或控制面板按钮
  3. 在异步数据加载完成后手动刷新数据和热力图。(快捷键Shift键,或控制面板按钮
  4. 在层视图模式下查看当前元素的父级元素的点击数据。(快捷键Ctrl键)


d. 百夫长统计的3个功能快捷键:

  1. 关闭热力图模式。(快捷键Delete键,或控制面板按钮
  2. 面板窗口控制按钮。该按钮有2个功能:1. 点击控制面板在最小化和最大化之间切换,2. 拖动控制面板位置。(快捷键ESC键,或面板窗口控制按钮
  3. 显示键盘快捷键的提示。(快捷键F2键)
  4. 访问获取更多帮助页面(快捷键H键)

e. 注意:百夫长统计不同于其他统计分析工具热力图的一个非常有用的功能,一旦百夫长统计打开热力图,浏览器便会记住当前热力图模式,这样的好处是当你想要查看当前页面中其他链接页面的热力图时,你可以直接打开并查看,不需要回到百夫长后台重新打开链接。具体怎么操作呢?按快捷键Tab键或者控制面板按钮进入层视图模式,点击你需要查看的链接页面即可,是不是很方便?

至此百夫长统计的热力图基本已经可以满足大部分需求了,我们默认的设置是显示页面所有的有效点击、表单点击、视频video元素点击和iframe元素点击,其他点击统统过滤掉。当然你也可以通过多种组合来实现你想要的结果,百夫长统计将来要做的还有通过来源渠道、关键词等维度来筛选数据,大家尽请期待!

B. 视图模式

百夫长统计热力图提供二种数据视图模式:

  1. 热力图模式(默认)
  2. 层视图模式

你可以使用快捷键Tab键在热力图模式和层视图模式之间切换,或者通过点击控制面板的按钮来切换。同时你可以在热力图模式下用鼠标框选来查看选择区域的点击情况,或者在层视图模式下按快捷键Ctrl键来查看父级元素内的点击情况。效果如下:

热力图模式(默认)
层视图模式