How to track user time on site

前端未结

关注

 5  1726

I\'m looking to track users average time on a website (in the same way that Google analytics does) for internal administration.

What\'s the easiest way to do this?

相关标签:

5条回答

孤独总比滥情好

2021-01-30 15:18

Use timeonsite JS for web and mobile browsers. It tracks time on site accurately.

<script type="text/javascript">
        var Tos;
        (function(d, s, id, file) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.onload = function() {
                var config = {
                    trackBy: 'seconds' 
                };
                if (TimeOnSiteTracker) {
                    Tos = new TimeOnSiteTracker(config);
                }
            };
            js.src = file;fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'TimeOnSiteTracker', 'timeonsitetracker.min.js'));
    </script>

At the page end, call

<script>
    Tos.getTimeOnPage();
        //Response ->
        {
            TOSId: 1129620185532,
            TOSSessionKey: "14802525481391382263",
            TOSUserId: "anonymous",
            title: "Test application - TimeOnSiteTracker",
            URL: "http://tos-localdata.chennai/home.php"
            entryTime: "2016-11-27 13:15:48.663",
            currentTime: "2016-11-27 13:17:31.663",
            timeOnPage: 103,
            timeOnSite: 0,
            timeOnPageTrackedBy: "second",
            timeOnPageByDuration: "0d 00h 01m 43s",
            timeOnSiteByDuration: "0d 00h 00m 00s",
            trackingType: "tos",
        }
</script>

As simple as that,

It seems to work even in mobile browsers like IPhone, IPad, mobile Safari etc. that doesn't support window.unload() events natively.

0 讨论(0)

执念已碎

2021-01-30 15:19

There really isn't an effective way to do this with PHP, as PHP is server-side and provides no way of determining when the page was closed. You need to use javascript to determine this.

What I would do is use javascript to start a timer on window.onload and then end the timer on window.onunload. Then you can store the data and do what you want with it.

0 讨论(0)
发布评论:

提交评论
- 加载中...
执笔经年

2021-01-30 15:30
Main way I can think of:

When the user first hits a page, you log, say, their IP address, the page loaded, and the time. Then, using some Javascript and AJAX, when they leave the page, you use the unload event to send to an AJAX handler that records the page and when they leave.

You would need to use some sort of ID, apart from a session, to store the page visit. Say I have 5 instances of the homepage open, you'd want to log each one individually. So, something like this:
1. Access the page, generate a code (let's say page: index.php code: 2345)
2. Store this in a database table with their IP, and visit time
3. Unload event fire, call the AJAX, passing the page & code
4. Look up in the DB for the IP, page, and code, and log the leave time
If they visit index.php again, you would generate another code, say, 36789. Use something that generates a random GUID is best, so you can (essentially) ignore any possibilities of collisions on the same IP/page/code combination.
0 讨论(0)
发布评论:

提交评论
- 加载中...

青春惊慌失措

2021-01-30 15:33

You can get the time in next ways:

Once user visit your site, save current time at cookie as "visited", and at next visit you can grab it, if it was set.
And more expensive method: when the page loads, start js timer, and on page unload send to server time which user sent and save it to db.
And if window.unload does not work at Opera, you can send time to server every 5 seconds, and stores it to DB.

If you need, I can write an example script.

UPDATE:

<!DOCTYPE html>
<html>
    <head>
        <title>Collect time</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
        $(function()
        {
            var start = null;
            $(window).load(function(event) {
                start = event.timeStamp;
            });
            $(window).unload(function(event) {
                var time = event.timeStamp - start;
                $.post('/collect-user-time/ajax-backend.php', {time: time});
            })
        });
        </script>
    </head>
    <body>

    </body>
</html>

And backend script:

<?php 
$time = intval($_POST['time']);
if (!file_exists('data.txt')) {
    file_put_contents('data.txt', $time . "\n");
} else {
    file_put_contents('data.txt', $time . "\n", FILE_APPEND);
}

But as I said it wouldn`t work at Opera browser

0 讨论(0)

佛祖请我去吃肉

2021-01-30 15:39
$(window).unload is a very good function to tracking user leaving page.

but one point is when window unload to send ajax sometime it now work, the ajax not finished when user leave page. so you need add one attribute (async: false) to ajax, code is blow:
```
$.ajax({
                  type: 'POST',
                  async: false,
                  url: '/collect-user-time/ajax-backend.php',
                  data: {time: time}
              });
```
0 讨论(0)
发布评论:

提交评论
- 加载中...