谷歌通用分析Universal Analytics代码部署

谷歌通用分析出来已经一段时间了，下面就常用的功能代码部署方面的技巧简单介绍下。

通用代码部署

通用代码部署只需要将一段这样的代码粘贴到HTML中即可，代码在Google Analyitcs中建立配置时有，实例如下：

1. <script>
2. (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
3. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
4. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
5. })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);
6. ga(‘create’, ‘UA-XXXX-Y’);
7. ga(‘send’, ‘pageview’);
8. </script>

注：需要将上述中UA-XXXX-Y改成自己的配置文件信息。默认的谷歌通用分析不支持异步追踪，稍加改造之后即可实现异步追踪（感谢纪杨的方案）。修改之后的方案分为两部分，分别放在head和foot文件里面：

1. <script>
2. var start = new Date().getTime()
3. </script>
4. <script>
5. var ga = ga || function() {(ga.q = ga.q || []).push(arguments)};
6. ga(‘create’, ‘UA-40080647-1’, ‘searchmarketingart.com’);
7. ga(‘send’, ‘pageview’);
8. </script>

1. <script>
2. (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
3. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
4. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
5. })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);
6. </script>

事件追踪

谷歌通用分析的默认追踪代码跟GA类似，代码组成为

1. ga(‘send’, ‘event’, ‘Category’, ‘Action’, ‘Label’, Value);

其中，Category和Action为必填值，数据类型为字符串类型；Label和Value为选填值，数据类型分别为字符串类型和数值型，由于事件设置会使用户产生互动行为检测，这回导致谷歌通用分析对跳出率的判定有影响，如果要排除这种影响，设置如下：

1. ga(‘send’, ‘event’, ‘category’, ‘action’, {‘nonInteraction’: 1});

电子商务追踪

谷歌通用分析对电子商务追踪设置稍微有点负责，代码包括四部分，完整代码是：

1. ga(‘require’, ‘ecommerce’, ‘ecommerce.js’);   //固定引用ecommerce.js
2. ga(‘ecommerce:addTransaction’, {   //收集订单数据
3.   ‘id’: ‘1234‘,                     // Transaction ID. Required.   
4.   ‘affiliation’: ‘Acme Clothing’,   // Affiliation or store name.   
5.   ‘revenue’: ‘11.99‘,               // Grand Total.   
6.   ‘shipping’: ‘5‘,                  // Shipping.   
7.   ‘tax’: ‘1.29‘                     // Tax.   
8. });   
9. ga(‘ecommerce:addItem’, {   //收集商品数据
10.   ‘id’: ‘1234‘,                     // Transaction ID. Required.   
11.   ‘name’: ‘Fluffy Pink Bunnies’,    // Product name. Required.   
12.   ‘sku’: ‘DD23444’,                 // SKU/code.   
13.   ‘category’: ‘Party Toys’,         // Category or variation.   
14.   ‘price’: ‘11.99‘,                 // Unit price.   
15.   ‘quantity’: ‘1‘                   // Quantity.   
16. });   
17. ga(‘ecommerce:send’);  //发送电子商务跟踪数据

另外，如果要跟踪“取消订单”功能，需要额外代码：

1. ga(‘myTracker.ecommerce:send’);   

社会化媒体跟踪

在GA中我们跟踪社会化媒体通常用事件追踪或者虚拟页面，现在UA有了专门针对社会化媒体的监测代码：

1. ga(‘send’, ‘social’, ‘socialNetwork’, ‘socialAction’, ‘socialTarget’);  

其中socialNetwork代表社会化媒体类型，如新浪微博、腾讯微博，是字符串型变量；socialAction是媒体动作，比如新浪微博中的赞，是字符串型变量；socialTarget是媒体动作对应的目标，也是字符串型变量；这三个变量都是必填的。如跟踪新浪微博中的赞，示例代码如下：

1. ga(‘send’, ‘social’, ‘weibo’, ‘like’, ‘www.gome.com.cn’);  

自定义维度和量度

UA中新增了20个自定义维度和量度，设置方法分为两个步骤，一是在UA配置文件中新建维度或量度，二是将生成的代码部署到相应的HTML源文件中，HTML源文件代码示例：

1. ga(‘set’, ‘dimension2’, ‘PageSection’);   
2. ga(‘set’, ‘metric2’, ‘1‘);   

上述代码部署了自定义维度2和自定义量度2，通常自定义维度和量度为了便于对应，后面的数字是对应的。比如维度是第二个，量度也是第二个。

跨域追踪

跨域追踪在UA中有多种追踪方法，其中有一种最简单的部署方法，共分为两步：

第一部是在主域页面上，部署下列代码：

1. ga(‘require’, ‘linker’);// 加载插件.   
2. ga(‘linker:autoLink’, [‘destination.com’, ‘dest3.com’]);// 定义自动追踪链接域.  

第二部分是在跨站的域上部署如下代码：

1. ga(‘create’, ‘UA-XXXXXX-X’, {   
2.   ‘allowLinker’: true  
3. });  

注：上述代码中的自动追踪链接域和UA配置信息都需要根据实际情况定义。

由于UA还在公测阶段，部分代码和功能可能有变化，建议同时部署UA和GA两段代码同时进行效果监测和数据比对。暂时不建议撤掉原来的GA代码。