分析热图

分析热图与点击热图相比可以查看具体的点击量数据，即使它可能藏在折叠菜单、滚屏Banner中。

通过分析热图我们可以分析以下问题：

・具体是哪些元素吸引了多少点击？占据了整页点击多少比例？

・是否有不符合我们预期的失误诱导？在这里流失了多少用户？

・在重要的按钮或元素上框选一下，看看留下点击的访问者来自于哪些渠道、具备哪些特征？

分析热图界面如下

• 1图标①是色度条，可以调节热图颜色深浅正增加颜色对比，在分析热图中颜色都是预定义的，此功能用得很少。
• 2图标②可选择是否展示交互元素和非交互元素。

  - 交互元素：我们的采集系统会把以下HTML标签识别为交互元素："a" "input" "select" "embed" "object" "textarea" "button"。
  -非交互元素：除去交互元素，其他的HTML标签都是非交互元素。
  -隐藏元素：是指页面中的隐藏元素，如下拉菜单内的元素、轮播图元素，还有一部分其他元素是历史采集的数据无法在当前页面中找到的元素，比如您的页面发生过改版导致HTML结构变化，改版前的元素选择器无法在现在页面上找到。

• 3图标③点击详情，下拉菜单展示的是标签的类别和点击数据。其类别包括：URL（有href属性的A标签），表单元素、图像、文本、框架（外层div元素）。点击下拉菜单列表中的每个元素，会定位到页面中，并出现闪烁状态。

  

• 4图标④是可以把图标③下拉菜单的点击数据导出。
• 5图标⑤是刷新热图按钮，有些时候页面元素加载的慢，热图加载完了才呈现出来，这时候可以使用此按钮刷新热图重新绘制。
• 6图标⑥浮层热图按钮。
• 7图标⑦当前页面的基础数据。
• 8图标⑧当前页面的明细数据，点击之后可以出现以下弹框，右上角可以选择导出CSV。

  

• 9图标⑨浏览线，可以显示浏览触达率，表示实际浏览到某位置的用户的占比。除了可以看出用户是否到访以外，还能够看出用户浏览到哪个位置。如上图中所示，浏览触达率越低，虚线线条变得越长。77%指浏览触达到该部分的用户的占比。

分析热图的框选功能 #

当在分析热图中想了解某部分的点击是由哪些访问产生的，直接长按鼠标左键，拖曳产生矩形框，框住您想要查看元素的完整有效区域。

框选成功，出现数据浮窗，展示在这个元素上发生点击的访问的来源数据，数据包括流量获取（搜索引擎，搜索词，广告来源，外部链接，社交网络和直接访问），终端设备（操作系统和浏览器），进入页面、地理位置和广告信息。

注意事项：只有框选完整的元素才有效，如果框选的元素不完整，不纳入本次框选的计算范围。如上图，只会计算“立即注册”按钮的点击数据。