javascript – 基于AJAX的网站上的新“通用”Google分析脚本

前端之家收集整理的这篇文章主要介绍了javascript – 基于AJAX的网站上的新“通用”Google分析脚本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
谷歌分析现在有两种选择:’经典’和新的’通用’,它具有更多功能. (实际上,’通用’分析已经支付给客户一段时间了,但现在可以免费获得!)

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

<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',{'page': '/contact','title': '/contactpage'});" href="#">Home</a></li>

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

提前谢谢了.

解决方法

您的最后一个代码块看起来很好,除了“标题”更适合页面友好标记.在这种情况下,我会建议类似的东西
ga('send','title': 'Contact Page'});

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

ga('send','title': 'Contact Page -- Ajax Load'});

猜你在找的Ajax相关文章