谷歌通用分析出来已经一段时间了,下面就常用的功能代码部署方面的技巧简单介绍下。
通用代码部署
通用代码部署只需要将一段这样的代码粘贴到HTML中即可,代码在Google Analyitcs中建立配置时有,实例如下:
- <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’);
- ga(‘create’, ‘UA-XXXX-Y’);
- 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-40080647-1’, ‘searchmarketingart.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(‘send’, ‘event’, ‘category’, ‘action’, {‘nonInteraction’: 1});
电子商务追踪
谷歌通用分析对电子商务追踪设置稍微有点负责,代码包括四部分,完整代码是:
- 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’); //发送电子商务跟踪数据
另外,如果要跟踪“取消订单”功能,需要额外代码:
- ga(‘myTracker.ecommerce:send’);
社会化媒体跟踪
在GA中我们跟踪社会化媒体通常用事件追踪或者虚拟页面,现在UA有了专门针对社会化媒体的监测代码:
- ga(‘send’, ‘social’, ‘socialNetwork’, ‘socialAction’, ‘socialTarget’);
其中socialNetwork代表社会化媒体类型,如新浪微博、腾讯微博,是字符串型变量;socialAction是媒体动作,比如新浪微博中的赞,是字符串型变量;socialTarget是媒体动作对应的目标,也是字符串型变量;这三个变量都是必填的。如跟踪新浪微博中的赞,示例代码如下:
- ga(‘send’, ‘social’, ‘weibo’, ‘like’, ‘www.gome.com.cn’);
自定义维度和量度
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代码。