用户在网页+ iframe上花费的时间

Question

我想衡量用户在网页上花费的时间。它不包括用户离开浏览器导航的时间。

我发现很少有像Timejs库这样的开放源代码库可以衡量用户在网页上花费的时间，但是当用户在页面上观看Youtube视频时，这些库无法衡量时间。

。

1. 是否可以处理这种情况或任何其他处理这种情况的库？
2. 实际上，这些库无法计算用户在iFrame中花费的时间。了解用户何时在iframe中处于活动状态的最佳方法是什么？
3. Google / AppNexus / Motomo如何计算互动时间？他们遵循通用的设计/架构吗？

PS：我正在尝试将库与我的react App集成在一起。 React中是否存在解决此问题的类似方法。请在评论/答案中让我知道。

预先感谢

Answer 1

HTML5页面可见性API是您的问题的答案。

您只需要按照浏览器监听一个事件，每次用户跳到另一个选项卡时都会触发该事件。

查看Page Visibility API

Answer 2

有一种很好的安全方法，但是您需要webSocket实现。   为此功能创建特殊的套接字客户端和服务器。

当客户端断开连接时，您可以认为用户不在页面上。在服务器部分实现计时器的时间登录。

Page Visibility API看起来像是本地计算的解决方案（不受保护）。如果您有金钱或其他有价值的东西，最好使用服务器进行验证。

p.s。

如果您的计时器出现问题（在非活动标签上），请使用HackerTimer库（与网络工作者结合使用）。

Answer 3

仅在用户进入页面时启动计时器（许多方法可以执行此操作）要暂停和继续计时器，请尝试使用onunload（）和unload（）事件（它们可能无法完全按照您希望的方式工作，但这是我能找到的最好的东西。请看一下对您有帮助的https://www.w3schools.com/jsref/event_onunload.asp
希望对您有所帮助！