Google Analytics基础篇—添加追踪代码

By
蓝鲸
 – 2010年07月19日Posted in: 追踪代码定制

从Google Analytics推出到现在，共有三种不同类型的网站追踪代码。他们分别是 Urchin，传统追踪代码和异步追踪代码。Urchin是第一代的追踪代码，Google已经不推荐使用。现在使用较多的是传统追踪代码和异步追踪代码。在Google Analytics后台添加代码中的就是最新的异步追踪代码。这两种追踪代码在结构，功能和具体的添加过程中都有一些差别，这里分别介绍传统代码和添加异步追踪代码的差异以及具体的实施方法。

————————————————-我是怀旧的分割线————————————————

先怀念下Google Analytics的第一代追踪代码 Urchin

<script type="text/javascript" src=" http://www.google-analytics.com/urchin.js "></script>
<script type="text/javascript">
_uacct = "UA-xxxxxx-x"
urchinTracker();
</script>

————————————————————————————————————————–

Google Analytics的追踪代码结构

Google Analytics提供的是一套原始的标准追踪代码，我们可以按照网站的需求对这套代码进行多方面的优化和定制。 下面分别介绍传统追踪代码和异步追踪代码的结构。

传统追踪代码 

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>

传统的追踪代码分为两部分，第一部分的主要功能是使用JavaScript动态判断当前请求页面的HTTP协议类型(http或https)，然后追踪代码将使用适当的协议类型向Google Analytics服务器请求ga.js文件。

当JavaScript判断网站当前请求页面使用的是标准HTTP协议时，产生的字符串是:

<script src='http://www.Google-Analytics.com/ga.js' type='text/javascript'>

而如果JavaScript判断当前请求页面使用的是安全连接时，产生的字符串是:

<script src='https://ssl.Google-Analytics.com/ga.js' type='text/javascript'>

传统追踪代码第二部分的主要功能是关联你的帐户ID，将追踪到的数据返回Google Analytics服务器，并避免了追踪代码执行过程中的错误对页面产生的影响。同时，所有的定制追踪方法也将包含在这部分中。

异步追踪代码

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12347890-2']);
  _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>

异步追踪代码使用了改进的方法来追踪网站访客，在语法上比传统代码更加灵活。同时，它通过浏览器支持异步JavaScript的优势提高了追踪代码的加载速度。因此，异步追踪代码比传统追踪代码更加灵活。即使放在页面顶部</head>的位置也不会延误页面和内容的渲染。

异步追踪代码的结构和传统追踪代码类似，也可以分为两部分。但在顺序上正好相反。它使用_setAccount来关联你的帐户ID。

添加Google Analytics追踪代码

添加传统追踪代码

为了降低JavaScript加载时间及执行过程中的错误对网站产生的影响。Google Analytics建议将传统追踪代码添加在网站页面的最底部，也就是页面HTML代码中的</body>前面。通常很多网站会将传统代码统一添加在网站底部的模板中。

添加传统追踪代码的页面代码结构:

<html>
<head>
<title></title>
</head>
<body>
<!—传统追踪代码-->
</body>
</html>

添加异步追踪代码

与传统追踪代码不同，异步追踪代码的添加位置比较灵活。Google Analytics建议将异步追踪代码添加到网站页面的顶部，也就是HTML代码的</head>之前，例如:

添加异步追踪代码的页面代码结构:

<html>
<head>
<title></title>
<!—异步追踪代码-->
</head>
<body>
</body>
</html>

除了将代码添加到页面顶部之外，异步追踪代码还有两种比较灵活的添加方法。这两种方法也不会影响异步追踪代码的正常工作。你可以按照网站的具体情况进行选择。

1你可以按照添加传统追踪代码的方法将异步追踪代码放在页面的底部，也就是HTML代码中的</body>前面。

<html>
<head>
<title></title>
</head>
<body>
<!—异步追踪代码-->
</body>
</html>

2你也可以把异步追踪代码分成两段，分别添加到页面的顶部和底部两个位置。

<html>
<head>
<!—异步追踪代码第一部分-->
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
</script>
</head>
<body>
<p>bluewhale.cc </p>
<!—异步追踪代码第二部分-->
<script>  (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>
</body>
</html>

——【所有文章及图片版权归 蓝鲸（王彦平）所有。欢迎转载，但请注明转自“蓝鲸网站分析博客”。】——

相关文章:

  1. Google Analytics异步追踪代码迁移
  2. 使用Google Analytics追踪404页面
  3. Google Analytics电子商务追踪1—追踪代码定制和实施
  4. Google Analytics中trackPageview函数的5种使用策略
  5. 混乱的Google Analytics报告2—推介站点报告
Tags: , ,