使用事件侦听器来测量页面上的时间

时间:2012-04-05 09:59:57

标签: javascript google-analytics

 function addOnloadEvent(func) {
        var oldOnload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function () {
                if (oldOnload) {
                    oldOnload();
                }
                func();
            }
        }
    }

    addOnloadEvent(loadIt);

    function addOnunloadEvent(func) {
        var oldOnunload = window.onunload;
        if (typeof window.onunload != 'function') {
            window.unonload = func;
        } else {
            window.onunload = function () {
                if (oldunOnload) {
                    oldOnunload();
                }
                func();
            }
        }
    }

    addOnunloadEvent(unloadIt)

    function loadIt() {
        timeTracker._recordStartTime();
    }

    function unLoadIt() {
        timeTracker._recordEndTime();
        timeTracker._track(pageTracker, 'Category', 'Action');

我使用上面的代码为GA事件跟踪实现此示例,以衡量花费的时间

<html>  
<head>  
<title>Latency Tracking Demo</title>  
</head>  
<body>  
<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>  
<script type="text/javascript" src="http://www.example.com/scripts/time-tracker.js"></script>  
<script type="text/javascript">  
var timeTracker = new TimeTracker();  
var pageTracker = _gat._getTracker('UA-1735986-1');   
</script>  
<input type="button" value="Start Timer" onclick="timeTracker._recordStartTime();"/>  
<input type="button" value="Stop Timer" onclick="timeTracker._recordEndTime();"/>  
<input type="button" value="Track!" onclick="timeTracker._track(pageTracker, undefined, 'Manual Test');"/>  
</body>  
</html> 
    }

我的想法是想要测量从加载页面开始直到用户导航的时间。我使用了GA事件跟踪,因为我想将其视为事件并相应地对其进行分组。

有些想法我如何实现这个?感谢名单

1 个答案:

答案 0 :(得分:0)

当我们使用TimeTracker代码时,我们有类似的内容:

timeTracker._recordEndTime();
timeTracker._track(pageTracker, 'TimeTracker', timeTracker._getTimeDiff());

您现在也可以使Google Analytics现在支持对页面加载时间进行采样。在新界面中,它的内容 - 网站速度。

enter image description here