网站热图如何获得准确的数据？

Question

有像crazyegg.com这样的服务可以向您显示访问者在您的网页上放置鼠标光标的位置.我的问题是,鉴于人们有不同的屏幕宽度,他们怎么能确定我的x坐标与另一个人x坐标在页面上的位置相同？意思是,两个人可能有相同的鼠标x坐标,但由于屏幕的宽度不同,他们的鼠标将位于网页的不同部分.

如何创建一个考虑到这一点的网页热图服务,并且可以在不同内容大小的多个不同网站上进行缩放和使用？

Answer 1

您可以按元素（如主要内容 div）而不是整个视口收集 x 和 y 数据。通过这种方式，您可以丢弃取决于用户分辨率的死区。