为什么阅读线和注意力热图只有首屏数据?

Ptengine在绘制阅读线和注意力热图仅在页面html和body的高度内绘制,避免数据不准确。如果您的页面限制了html和body标签的高度,移动端比较常见,那么超过此高度的数据是不会绘制的。

如何判断html、body是否有高度限制?

在浏览器里打开您的网页和浏览器的开发者工具,选中Elements下的body元素,查看左侧右下角body的高度值,如果body高度等于屏幕高度, 且左侧存在height:100%; 的样式,表示您的网站限制了body高度。

解决办法:建议您使用浮层热图,将右侧的 height:100%; 取消选择,使body高度等于页面内容高度,然后在刷新热图即可正确绘制阅读线数据和注意力热图数据。

如果您遇到只有首屏有数据,首屏往下阅读线数据迅速降至0且注意力热图无颜色,这可能是您的网站页面使用模拟滚动,虽然视觉上存在页面滚动,但是滚动高度(scrollTop)不会变化,导致页面无法采集滚动数据,也就无法绘制阅读线和注意力热图。

如何判断是否使用了模拟滚动导致无法采集滚动数据?

打开开发者工具,选择network(图标①),输入Ptengine(图标②),此时再滚动页面,如果能看到os数据包,说明能正常采集滚动数据;如果看不到os数据包,则可能是您网站的设计结构和实现方式不支持采集滚动数据。 

      本文是否对您有帮助?

  •            有帮助          
  •            无帮助                  

 

感谢您的反馈!

      非常抱歉未解决您的问题,请提出您宝贵的意见