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

数据分析 心晴客栈 2328次浏览 0个评论 扫描二维码

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

通用代码部署

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

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

  ga('create', 'UA-*********-1', 'auto');
  ga('send', 'pageview');
// ]]></script>

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

<script>
var start = new Date().getTime()
</script>
<script>
var ga = ga || function() {(ga.q = ga.q || []).push(arguments)};
ga(‘create’, ‘UA-******′, ‘*******.com);
ga(‘send’, ‘pageview’);
</script>

 

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

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

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

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

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

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

  1. ga(‘myTracker.ecommerce:send’);
社会化媒体跟踪

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

ga(‘myTracker.ecommerce:send’);   

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

ga(‘send’, ‘social’, ‘socialNetwork’, ‘socialAction’, ‘socialTarget’);  
自定义维度量度

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

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

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

跨域追踪

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

第一部是在主域页面上,部署下列代码:

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

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

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

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

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

 

支持博主

心晴客栈 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明谷歌通用分析Universal Analytics代码部署
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址