基于AJAX的网站上的新"通用"Google分析脚本

Question

谷歌分析现在有两种选择:'经典'和新的'通用',它具有更多功能.(实际上,'通用'分析已经支付给客户一段时间了,但现在可以免费获得!)

使用"经典"分析,如下所示:

<script type="text/javascript">
   var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  _gaq.push(['_trackPageview']);

  (function() { SOME MORE CODE
 })(); 
</script>

我从google搜索中发现,要跟踪基于Ajax的网站(即页面由AJAX加载但导航菜单保持静态且永不刷新),您可以将上述代码添加到主index.html,其中包含导航菜单和然后将javascript事件添加到菜单中的页面链接,以便......

<ul>
 <li><a href="contact.html">Contact</a></li>

变

<ul>
 <li><a onclick="_gaq.push(['_trackPageview', '/contactpage']);" href="contact.html">Contact</a></li>

(其中'/ contactpage'是在Google Analytics中调用的页面 - 我们可以选择任何标题).现在,分析也将开始跟踪这些页面.

但我无法找到关于如何为"通用"分析做同样事情的明确指南,如下所示:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyt...SOME MORE CODE...
  '//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXX-Y', 'mydomain.com');
  ga('send', 'pageview');
</script>

我的链接看起来像这样吗？:

<ul>
 <li><a onclick="ga('send', 'pageview', '/contact');" href="contact.html">Contact</a></li>

或者这会更好吗？

<ul>
 <li><a onclick="ga('send', 'pageview', {'page': '/contact','title': '/contactpage'});" href="#">Home</a></li>

有人可以建议吗？我是谷歌分析的新手,因此仍在学习绳索!

提前谢谢了.

Answer 1

您的最后一个代码块看起来很好,除了"标题"更适合页面友好标记.在这种情况下,我会建议类似的东西

ga('send', 'pageview', {'page': '/contact','title': 'Contact Page'});

或者,如果您想要将联系页面点击与普通旧标准页面加载区分开来

ga('send', 'pageview', {'page': '/contact','title': 'Contact Page -- Ajax Load'});