基于 AJAX 的网站上的新“通用”谷歌分析脚本答案

【问题标题】：The New 'Universal' Google analytics script on an AJAX based website基于 AJAX 的网站上的新“通用”谷歌分析脚本
【发布时间】：2013-03-28 22:22:36
【问题描述】：

Google 分析现在有两个选项：“经典”和具有更多功能的新“通用”。（实际上，付费客户可以使用“通用”分析一段时间，但现在可以免费使用！）

使用“经典”分析，如下所示：

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

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

我从很多谷歌搜索中发现要跟踪基于 Ajax 的网站（即页面由 AJAX 加载但导航菜单保持静态且从不刷新），您可以将上述代码添加到包含导航菜单，然后将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”是在 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>

有人可以建议吗？我是 Google 分析新手，因此仍在学习中！

非常感谢。

【问题讨论】：

标签： javascript google-analytics

【解决方案1】：

您的最后一个代码块看起来不错，除了“标题”更适合页面友好标签。在这种情况下，我会建议类似

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

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

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

【讨论】：

【解决方案2】：

区分虚拟网址和真实网址：

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

【讨论】：