如何跟踪在网站上花费的时间

Question

在我的rails应用程序中，我想跟踪单个用户在网站上花费的总时间。我对此进行了研究，但无法获得完美的解决方案。
怎么可能。

Answer 1

类似的东西？

var time,timeSite;
window.onload=function(){
 time=new Date();
}

window.onbeforeunload=function(){
 timeSite=new Date()-time;
 window.localStorage['timeSite']=timeSite;
 //store it with whatever serverside language.
}

如果您想要更多，请添加window.onblur

这段代码可以工作.. Ajax 也可以正常工作...

在极端解决方案中，将其存储在本地存储中（如示例中所示），然后在下次登录时执行 ajax。

这工作为您提供了以秒为单位的确切时间...

如果您想要大约时间，并且对于没有本地存储的用户，请每 5 分钟添加一个 setTimeout

如果 Ajax 和 localStorage 不起作用，则更新时间。

---

下面是一个 ajax 调用，用于在 OnbeforeUnload 函数内部进行测试。

随心所欲地改变railsurl。

var x=new XMLHttpRequest;x.open('get','railsurl?time='+timeSite);x.send();

---

正如@Yiğitcan乌苏姆所提到的。

为什么不直接使用服务器端会话来开始和结束在站点上花费的时间？

Answer 2

试试这个：

var time,timeSite;
  window.onload = function(){
  time = new Date();
 }

   $(window).unload(function () {
     timeSite = new Date() - time;
     $.ajax({
     type: 'GET',
     async: false,
     data: {timespent: timeSite},
     url: '/url/to/rails.com'
   });
 });

Answer 3

jquery unload () 事件处理程序可用于处理这种情况，

例：

创建一个服务器端脚本 say track.php将所有收集的跟踪详细信息保存到数据库中。

/*   Assuming you are tracking authenticated users the */

在 Javascript 中：

var loggedInAt;
var loggedOutAt;
var userId = getUserId (); 
function getUserId () {
 return userId; // Define a mathod for getting the user if from a cookie or any local variables.
}
function getTotalTimeSpent() {
 return (loggedOutAt - loggedInAt);
}
$(document).ready(function() {
  loggedInAt = Date.getTime(); // get the start time when the user logged in
  $(window).unload(function() {
      loggedOutAt = Date.getTime();
      totalTimeSpent = getTotalTimeSpent(loggedOutAt, loggedInAt);
      $.ajax({ 
        url: "www.yoursite.com/track.php",
        method:post,
        data: {'TotalTimeSpent': totalTimeSpent, 'UserId' : userId}
      })
    });
}

在跟踪中.php ：

获取变量$_REQUEST['TotalTimeSpent'] & $_REQUEST['UserId']并进行插入查询以将信息中继到数据库中。

谢谢。