当前位置：文江博客话题详情

向服务器报告页面花费的时间

发布于 2024-08-15 20:40:22 字数 178 浏览 5 评论 0原文

当访问者通过关闭选项卡或浏览器离开页面时，是否可以将页面上花费的时间报告回服务器？使用 JavaScript。

并且它可以在 Firefox、Google Chrome、Safari、Opera 和 IE8 上运行（IE7 和 6 不重要）。

但无论如何它都会起作用；即使浏览器正在关闭，或者输入了另一个地址。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绅士风度i 2024-08-22 20:40:22

您可以尝试windows.onbeforeunload，但不能保证它在所有情况下都有效。

无论如何，我建议您使用google Analytics，它具有许多其他功能（我怀疑您可以做得更好）比谷歌！）。它是免费的。

回复收藏 0 原文

违心° 2024-08-22 20:40:22

如果你想自己实现这一点，你需要决定何时获取开始时间——你可以在页面顶部放置一个脚本标签，该标签可能在内容呈现之前在 onload 事件上执行，该事件将等待直到所有图像和脚本加载完毕，或者发生类似于 JQuery 就绪事件的事件当 DOM 准备好时，但不等待资源加载。此时，您需要记录开始时间：

<script>var startTime = new Date().getTime();</script>

然后您可以侦听 onunload 或 onbeforeunload 事件，并使用图像发送带有信息的 GET 请求：

<script>
  window.onunload = function() {
    var i = new Image();
    var timeSpentMilliseconds = new Date().getTime() - startTime;
    i.src = '/pagetime?timespent=' + timeSpentMilliseconds;
  }
</script>

您必须做一些测试来查看请求是否总是发送——我确信有时浏览器会在完成触发之前关闭或选项卡切换。

If you want to implement this yourself, you need to decide when to get the start time--you can put a script tag at the top of the page, which may execute before the content has rendered, on the onload event, which will wait until all images and scripts have loaded, or something like the JQuery ready event, which occurs when the DOM is ready, but doesn't wait for resources to load. At this point, you'd want to record a start time:

<script>var startTime = new Date().getTime();</script>

Then you can listen for the onunload or onbeforeunload event and use an image to send a GET request with the info:

<script>
  window.onunload = function() {
    var i = new Image();
    var timeSpentMilliseconds = new Date().getTime() - startTime;
    i.src = '/pagetime?timespent=' + timeSpentMilliseconds;
  }
</script>

You'll have to do some testing to see whether the requests are always sent--I'm sure sometimes the browser closes or the tab switches before they finish firing.

回复收藏 0 原文