2015-11-30 109 views
0

我刚刚更新了我们的新Ajax网页,并且无法确定如何跟踪每个加载的ajax页面的浏览量。到目前为止,Google Analytics只会在加载内部ajax页面时向索引/主页面报告视图,而不是每个单独的ajax页面。使用通用Google Analytics跟踪Ajax Pageloads

这里是一个载入了在每个单独的AJAX页面的底部包含在模板页面容器中的代码,:

<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-70690965-1', 'auto'); 
    ga('send', 'pageview', document.URL); 

</script> 

如何跟踪AJAX页面加载?

回答

1

一种方法是检查ajaxComplete:

$(document).ajaxComplete(function(e,x,o){ 
    console.info('ajax completed'); 
    ga('send','page', '/vpv/ajax/page'); 
} 

当ajaxComplete被调用时,你可以给一个虚拟页面视图。

+0

我不完全明白。原谅我,我还在学习JS。 –

+0

ajaxComplete函数是一个侦听器,它在检测到Ajax调用时执行该函数内的代码。在我的示例中,加载新内​​容时,控制台中将显示一条消息,并且GA浏览量将以虚拟页面视图发送。 – nyuen

相关问题