将Google Analytics异步代码段添加到网站

2010年12月04日 Wordpress 评论 2 条 阅读 8,723 views 次

最新版本的 Google Analytics(分析)跟踪代码提供了使用 Google Analytics(分析)跟踪网站访问者的改进方法。该方法利用浏览器对异步 JavaScript 的支持来提高跟踪代码的载入速度。使用此版本的跟踪代码,您还可以将 Google Analytics(分析)代码段放在网页中的较前位置,而不会延迟后续内容的呈现。

尽管异步跟踪使用与传统代码段不同的 Google Analytics(分析)代码段和不同的语法进行跟踪调用,但它支持与传统代码段完全相同的跟踪自定义。事实上,相对于传统代码段,异步跟踪语法也要更加灵活。有关更多详情,请参阅使用指南

Google Analytics 发布的Google Analytics 异步跟踪代码,由于改善了代码在浏览器执行,所以它能够更快加载 Google Analytics 跟踪代码,相比原来的 Google Analytics 代码,新的异步跟踪代码还加强了数据收集和准确性,并且消除由于跟踪代码没有加载完而引发的错误。


更快的加载速度

普通加载 Javascript 代码的方法,会阻塞页面渲染和其他资源下载。其实可以通过 DOM 元素的方法加载 Javascript 代码而不会阻塞其它页面的加载,Google Analytics 异步模式就是使用这种方法,它不添加任何内容的网页,它允许在下载 ga.js 的同时渲染网页,这样也大大增强了网站的 Uptime。

更多更准确的统计数据

在使用旧的 Google Analytics 代码的时候,通常是把把代码放在网页的最后来解决 Javascript 代码阻塞的问题,但是这样就会造成的数据的丢失的问题,因为可能用户离开的很快,在 Google Analytics 代码还没有加载完成之前就离开了网页。而使用异步模式,Google Analytics 代码放在 head 的,所以是和网页一起加载的, 这就意味着网页的流量将会更快获得统计,所以 Google Analytics 异步模式代码可以让我们获得更快的页面之外,也能获取更好更准确的流量统计数据。

代码段

Google Analytics(分析)代码段是粘贴到网页中的一小段 JavaScript 代码。它通过向网页中插入 ga.js 来启用 Google Analytics(分析)跟踪。要在您的网页上使用此代码,请复制下面的代码段,将 UA-XXXXX-X 替换为您的网络载体 ID。
<script type="text/javascript">   
  var _gaq = _gaq || [];  
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);  
  _gaq.push(['_trackPageview']);  
 
  (function() {    
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';    
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);   
   })(); 
</script>

复制并添加代码段

复制此代码并粘贴到相应网页作为结束标记的 </head> 标记之前,且紧邻该标记。如果您的网站是使用模板来生成网页,请将代码段添加到包含 <head> 部分的文件中,放在作为结束标记的 </head> 标记之前,且紧邻该标记。(大部分网站对于通用内容会重复使用单个文件,因此您可能无需为网站的每张网页一一加入代码段。)

关于异步代码的更多内容请参阅http://code.google.com/intl/zh-CN/apis/analytics/docs/tracking/asyncTracking.html

2 条留言  访客:1 条  博主:1 条

  1. UA-XXXXX-X 替换为您的网络载体 ID 这个网络载体 ID 是指的什么。

给我留言

Copyright © 羽飞博客 保留所有权利.   Ality主题 皖ICP备14013844号-1

用户登录