确定网页的一部分在浏览器中保持可见的时间

Determine how long portion of webpage stays visible in browser

本文关键字：时间浏览器网页一部分更新时间：2023-09-26

我有一个网站，页面滚动得很远，上面有很多图像。每个登录的用户都会看到一组不同的图像。

我想记录用户在页面的每个部分停留的时间，这样我就可以看到他们最感兴趣的图像。例如，"图像1保持可见10秒"，"图像2保持可见15秒"，然后将这些消息发送回服务器。

做这件事的好方法是什么？理想情况下，该解决方案将能够判断图像是否真的可见，而不是在当前不在前台的选项卡上，等等。

更新：如果这包括一种可以使用的技术（一点javascript？）或一个免费工具，那就太好了。

如果页面布局是静态的（每次图像的顺序相同），你考虑过像Crazy Egg这样的服务吗？如果你对用户与图像交互感兴趣，它有滚动映射和鼠标点击热映射。

我不认为有一种方法可以检测页面是否在前台选项卡中，尽管将滚动图与鼠标事件关联起来会让人知道用户是否处于活动状态。