Javascript 作为事件分析的页面视图_Javascript_Google Analytics

Javascript 作为事件分析的页面视图

javascript google-analytics

Javascript 作为事件分析的页面视图,javascript,google-analytics,Javascript,Google Analytics,这是一个内部事件跟踪代码（使用点击操作），我想实现类似的功能 “timeTracker.\u recordStartTime（）在页面打开（加载）时启动然后在用户离开页面（通常导航到另一个页面）时调用“timeTracker.\u recordEndTime（）”和“timeTracker.\u track（页面跟踪器，类别，“手动测试”）我的目标是将在页面上花费的时间记录为事件，并与其他事件（如点击JavaScript事件）一起归类如何执行此操作？您可以使用window.performa

这是一个内部事件跟踪代码（使用点击操作），我想实现类似的功能 “timeTracker.\u recordStartTime（）在页面打开（加载）时启动然后在用户离开页面（通常导航到另一个页面）时调用“timeTracker.\u recordEndTime（）”和“timeTracker.\u track（页面跟踪器，类别，“手动测试”）

我的目标是将在页面上花费的时间记录为事件，并与其他事件（如点击JavaScript事件）一起归类

如何执行此操作？

您可以使用window.performance.timing对象计算页面上的时间。

首先，您应该将onunload事件处理程序绑定到身体，如：

<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, Category, 'Manual Test');"/>

...

然后，实现计算时间差的函数并推送到_gaq对象

<body onunload="trackPageTime(event);">
...
</body>


函数trackPageTime（e）{
var onPageSeconds=（（新日期（））.getTime（）-window.performance.timening.doInteractive）/1000；
var缺口=[1,2,3,4,5,10,20,30,60120300600]；
对于（var i=0；onPageSeconds>gaps[i]&&i
<script type="text/javascript">
function trackPageTime(e){
    var onPageSeconds = ((new Date()).getTime() - window.performance.timing.domInteractive) / 1000;
    var gaps = [1,2,3,4,5,10,20,30,60,120,300,600];
    for(var i=0;onPageSeconds>gaps[i] && i<gaps.length;i++);
    _gaq.push(['_trackEvent', 'Time on Page', (document.location.pathname+document.location.search).toString(), gaps[i].toString()]); 
}
</script>