竹磬网-邵珠庆の日记 生命只有一次，你可以用它来做些更多伟大的事情–Make the world a little better and easier

Google Analytics基本异步跟踪代码运作原理

图一：Google Analytics基本异步跟踪代码

Google Analytics异步跟踪代码，以基本跟踪代码作为数据跟踪与传递的基础。在此基础之上，根据网站业务数据需求，您可以自定义设置跨域跟踪、添加直接流 量站点、添加搜索引擎设置、事件跟踪、虚拟跟踪等功能。异步基本跟踪代码，作为数据跟踪与传递的基础，肩负着向Google Analytics服务器传递网站访客访问数据的重大责任。

知其然，才能知其所以然。了解了GA的运作原理，才能对其更好的运用，否则心里会老是有一块茫然（在我心里，就是这样的）。到底Google Analytics基本异步跟踪代码，是如何运作的呢，如何将我们网站访客的数据呈现在各类报告中的呢？本文将对其运作原理做详细介绍。

图二：队列

原理说明

异步代码加载速度快、数据更准确的功劳都应归功于_gaq对象，它采用队列“先进先出”的数据结构，先按照先后顺序收集好各类命令及函数的API调用，以便ga.js加载完成后按照同样的顺序处理这些调用请求，即“谁先申请，先被收集，而后先被处理”。

Google Analytics API的调用

API调用时采用_gaq.push方法，将API调用申请推送到_gaq对象队列中被收集。而被推送收集的API调用包括：JavaScript命令数 组、函数。其中，命令数组由被调用的跟踪器对象方法名称、传送给跟踪器对象方法的参数组成，也就是我们设置的各类定制跟踪，包括事件跟踪、跨域跟踪、添加 搜索引擎等等。

图三：_gaq对象及API调用推送命令数组（申请API调用）
_gaq.push(['setAccount', 'UA-XXXXX-X']);

推送函数（申请API调用）
_gaq.push(function() {
var pageTracker = _gat._getTrackerByName('myTracker');
var link = document.getElementByIdx_x('my-link-id');
link.href = pageTracker._getLinkerUrl('http://example.com/');
});

_gaq跟踪器对象的创建

当页面中第一个命令数组以_gap.push方法，申请API调用时会执行以下流程：
首先，调用var _gaq = _gaq || [];，创建_gaq跟踪器对象（并通过_gaq.push(['setAccount', 'UA-XXXXX-X']);绑定到指定的GA网络载体ID），同时各类跟踪器对象方法处于可调用状态，包括事件跟踪、跨域跟踪等方法；
其次，推送新建的_gaq跟踪器对象方法，传递相应参数，提交API调用申请。
最后，其余跟踪方法的API调用申请都被推送收集到_gap对象时，会调用_gaq.push(['_trackPageview']);执行最后一次推送，并由此方法提交将全部API调用申请提交给ga.js处理。

Ga.js处理各类API调用

在各类API申请被收集的同时，以下代码会判断站点的网络协议（安全 HTTP 协议或标准 HTTP 协议），并调用访客缓存中的ga.js（若有）或从GA服务器下载ga.js。ga.js加载完成后，会立即处理所有API调用申请、更新/读取访客cookie数据。

(function() {
var ga = document.createElement_x('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_r('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Google Analytics数据传输日志

图四：Google Analytics访客Cookie参数

Ga.js将所有所得数据，包括访问者IP、网站域名、请求URI、页面名称、访客浏览器/操作系统信息、事件设置、自定义变量设置、访客ID、访问次 数、访问时间、流量来源等等，赋给对应的utm变量，并将所有utm参数值对作为__utm.gif图片调用参数，写入到GA服务器端__utm.gif 图片的调用日志中，向GA服务器发送数据。GA再对日志进行数据处理、分析，生成我们所看到的各类报告。

http://www.google-analytics.com/__utm.gif?utmwv=4&utmn=769876874&utmhn=example.com&utmcs=ISO-8859-1&utmsr=1280x1024&utmsc=32-bit&utmul=en-us&utmje=1&utmfl=9.0 r115&utmcn=1&utmdt=GATC012 setting variables&utmhid=2059107202&utmr=0&utmp=/auto/GATC012.html?utm_source=www.gatc012.org&utm_campaign=campaign+gatc012&utm_term=keywords+gatc012&utm_content=content+gatc012&utm_medium=medium+gatc012&utmac=UA-30138-1&utmcc=__utma=97315849.1774621898.1207701397.1207701397.1207701397.1;...

以上就是Google Analytics基本异步跟踪代码的运作原理啦，可能有点复杂，有什么疑问就给我留言吧，一定知无不言。