无法使用Universal Analytics Code为外部链接创建自定义网页跟踪网址

时间:2013-08-30 16:29:55

标签: javascript google-analytics

我在我网站上的所有网页上使用以下通用分析代码:

<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-XXXXXX-XX', 'mydomain.edu');
 ga('send', 'pageview');
</script>

在某些外部链接上,我需要能够跟踪这些内容。所以我尝试添加这样的onclick代码:

 <a href="http://www.externalsite.com" onclick="ga('send', 'pageview', {'page': '/myexternalpage','title': 'External Page'});">External page</a>

但是,当我观看实时Google Analytics时,似乎并没有意识到这些。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是由于在浏览器开始加载外部链接之前未完成跟踪请求而导致的竞争条件。

您需要做的是使用hitCallback参数,并在点击处理程序中使用return false阻止链接导航:

onclick="trackAndRedirect(); return false;"

<script>
function trackAndRedirect() {
  ga('send', 'pageview', {
    'page': '/myexternalpage',
    'title': 'External Page',
    'hitCallback': function() {
      //alert('analytics.js done sending data');
      document.location = "http://www.externalsite.com";
    }
  });
}
</script>

https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced#hitCallback