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

通用代码部署

通用代码部署只需要将一段这样的代码粘贴到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代码。



除非注明,本博客文章均为 数据研究与商业应用(TonySong) 原创.
转载请注明本文地址: http://www.searchmarketingart.com/universal-analytics-code-implementation.html