热力图

如何使用热力图？

首先我们强烈建议你在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键来查看父级元素内的点击情况。效果如下：

热力图模式（默认）
层视图模式