如何判断每个用户访问每个页面的时间

How to tell how long each user visits each page?

本文关键字：访问 时间 用户 何判断 判断      更新时间：2023-09-26

是否有一种好方法可以准确地告诉用户在web应用程序的给定页面上花费了多长时间?

我想到的一个解决方案是使用Javascript每分钟访问一个web服务，并在数据库中跟踪这些访问。但我想知道是否有更好的方法…是否有一种方法可以通过谷歌分析来实现这一点?如果有，怎么做?

首先，我同意关于分析软件的评论，你一定要研究一下这种性质的东西。

我不知道这会有多好，而且我绝对不相信这是最好的方法，但是如果你坚决要在客户端做这件事，你也许可以尝试这样做:

var start = new Date().getTime();
window.onbeforeunload = function(){
    var end = new Date().getTime();
    alert( parseInt(end - start, 10)/60000 + " minutes" );
};

这里的想法是节省当前时间一旦用户访问您的页面。一旦他们离开，onbeforeunload事件应该被触发并运行函数来计算他们在页面上花费的时间。我想您可以在中添加一个ajax调用(或其他东西)一个同步调用以节省总时间。

注意: jsfiddle将阻止这些事件，但是您仍然可以通过打开控制台在错误日志中看到输出。打开控制台后，点击Run触发事件。

编辑:

请参阅下面@Ian关于在onbeforeunload事件中使用AJAX请求的评论。

对于那些感兴趣的人，我已经在一个小型JavaScript库和服务中投入了一些工作，用于计算用户与网页交互的时间。它实际上和Chase在他/她的回答中描述的完全一样!然而，它还有一个额外的好处，那就是更准确地(虽然不是完美地)跟踪用户实际与页面交互的时间。它忽略用户切换到不同的选项卡、空闲、最小化浏览器等次数。

编辑:我已经更新了示例，以包括当前的API使用情况。http://timemejs.com

用法示例:

<script src="http://timemejs.com/timeme.min.js"></script>
<script type="text/javascript">
TimeMe.initialize({
    currentPageName: "home-page", // page name
    idleTimeoutInSeconds: 15 // time before user considered idle
});
</script>

如果你想自己向后台报告时间:

window.onbeforeunload = function(){
    xmlhttp=new XMLHttpRequest();
    xmlhttp.open("POST","ENTER_URL_HERE", false);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    var timeSpentOnPage = TimeMe.getTimeOnCurrentPageInSeconds();
    xmlhttp.send(timeSpentOnPage);
});

TimeMe.js还支持通过websockets发送定时数据，因此您不必尝试将完全同步的http请求强制进入document.onbeforeunload事件。

相关文章：