原文:http://www.sohu.com/a/241160725_784826
analytics.js JavaScript代码段是一种可用于衡量用户与您网站的互动情况的全新方式。它与之前的跟踪代码ga.js类似,但为开发者自定义实现方案提供了更大的灵活性。
analytics.js代码段是Universal Analytics(目前处于公测阶段)的一部分。新用户应使用analytics.js。现有的ga.js用户应为analytics.js创建新的网络媒体资源并在他们的网站中进行两次代码实现。在同一页面上添加ga.js和analytics.js代码段并不会有任何安全问题。
跟踪代码快速入门
要开始使用analytics.js跟踪网站,请将以下JavaScript代码段粘贴到网站模板页中的</head>结束标记前面。UA-XXXX-Y参数必须替换为您要跟踪的Google网络媒体资源的网络媒体资源ID。
<!-- Google Analytics -->
<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', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
该代码运行时会以异步方式将Google Analytics(分析)跟踪代码加载到页面上,然后为您在UA-XXXX-Y参数中指定的网络媒体资源创建跟踪器对象。最后,它会在Google Analytics(分析)中为运行了脚本的网页记录网页浏览。
谷歌分析,即大家俗称的ga,全称google analytics,是谷歌推出的网站流量分析工具,可以说是当前业界最强大的流量分析工具,并且完全免费。这里就介绍下Ga的主要功能使用方法。
工具地址:https://www.google.com/analytics/
1. 首先要在网站上安装GA代码,这个也很简单,通过上传其指定文件到自己网站,验证其归属,并在网站每一个页面安装ga代码,就安装成功了。
2. Ga设置了非常多的维度来对网站用户受众进行分析。朋友们可根据数据分析的需要来查看。
3. 流量曲线图,可自定义任意时间维度,查看当天流量数据,以及时间段内的流量变化趋势。
4. 跟踪流量的不同来源渠道。包括搜索引擎流量,引荐流量,直接流量,社会化媒体流量。每一个渠道都可深入探索详细信息。
5. 细致的用户行为分析,完美呈现用户在网站停留与活动的热点、流向地图。
6. 电子商务转化率报告。精准分析不同渠道,不同产品带来的转化与收益。此功能是电子商务网站进行数据分析的好帮手。
1.用你的Gmail帐号注册Google Analytics。建议大家将默认语言设置成英语。
2.到主界面点击Add Website Profile添加网站信息(下图)
3.选中Add a new domain,在URL框中填上网站地址,根据网站语言选择时区Time Zone。
4.再次确认网站信息,并复制跟踪代码。其中的网络资源 ID(Web property ID)只是一个标志号,其中前7位是唯一的,属于Google Analytics帐户的标示,后面的数字是该账户下的网站数量,并没有太多意义。新网站的话选择新的跟踪代码。然后复制代码到所有需要使用Google Analytics的网页中,一定要放在</body> 标记前,如WordPress可以加入模板主题文件中。
然后等验证通过后,Google Analytics就正常工作了。
![
图片来源:123rf.com.cn
很多用户都反映:“我们知道谷歌分析(Google Analytics)是很厉害的网站分析工具,可是它有那么多项数据,时间有限,我该怎么读懂和利用?”其实哪怕你每周只有十几分钟,看透谷歌分析里的几个关键数据,也能让你的广告越投越好。
数据告诉你最真实的营销情况
如果你有自己的独立站,不管你是找采购商还是个人买家,当你花钱做了广告,就一定想知道这些广告是不是有用?假设你投了Google广告,哪些人是搜索你的产品词而点击进了网站?哪个页面最受用户欢迎?哪个网页最没人缘、用户看了就点了右上方的小叉叉?以上这些,谷歌分析都可以告诉你!
那么问题又来了:为什么要知道这些情况呢?当然是为了获得更多的客户或者询盘,摸清客户的喜好和路数,把你的广告准确地推送到他们面前。所以以上这些数据,你懂得越多,广告效果就越好!
设置3步走,报告生成妥妥的
想获得更有用的数据?首先要正确设置谷歌分析。下面就打开你的谷歌分析,跟着我们一步步来做吧。
1、启动再营销和广告报告功能进入谷歌分析>管理>媒体资源>跟踪信息>数据收集
如果你刚开始使用谷歌分析,那么数据收集中的“再营销”和“广告报告”功能都还没有打开。谷歌十分尊重用户隐私,只有经过用户同意才会开始收集用户数据,为了追踪访问我们独立站的用户浏览习惯,我们需要手动开启这两项功能。
2、关联你的AdWords账户如果你使用AdWords做广告,要在此把谷歌分析和AdWords账户关联,让谷歌分析获得的数据指导AdWords广告更有效地投放。
3、受众群体定义下面我们来做第三个重要设置:点击管理>受众群体定义>受众群体。
受众群体就是你的客户或采购商,定义受众群体是为了让谷歌分析知道你要追踪哪些目标,建议从开始使用谷歌分析的时候就设置好。受众群体设置得越细分越好,从客户访问次数、成单状态、对产品系列的关注等多方面设置,谷歌分析都能帮你挖出这类型群体的详细数据。比如,访问你网站一分钟就走了的人、加入购物车没购买的人、浏览新产品信息的人……
这样你后续就可以根据他们不同的情况,对症下药啦。
十分钟抓住营销命脉
完成以上设置,谷歌分析就开始跟踪你的网站用户了。系统需要1-2周的时间收集数据,因此早早完成设置,就能尽早看到数据。这些数据包括用户行为的方方面面,全部了解当然很好,但如果你的时间有限,那只需抽出十分钟看懂下面3个核心数据,就能确保你的营销高效运行。
1。找到流量最大的渠道操作
点击流量获取>概览,点击热门来源/媒介,选择下拉菜单中的“热门来源/媒介”。这一项是告诉你网站上获取流量最多的渠道是哪几个。
Google小贴士
如上图中排第一的google/cpc代表Google广告带来的流量;
direct/none代表用户输入网址访问或者收藏了你的网址,所以能够直接访问;
google/organic代表google自然搜索带来的流量。
解读
流量大的渠道就代表最吸引客户,分析各个营销渠道谁更有用,更好地分配资源。比如你发现大多客户在Google上直接搜你的公司名字,说明客户知道你的品牌,那你就应该确保他们搜索这些词时,你的产品出现在前面。
2、找到转化效果最好的渠道操作
点击转化下的转化目标、概览,我们来看“来源/媒介”这一栏。这一项数据说明的是给带来最多转化的渠道是哪些。
解读
只了解流量最大的渠道还不够,还要知道这些渠道是否带来了转化?转化就是客户达到了你设定的标准,比如提交询盘、注册、将商品加入购物车等。获得转化就是我们的目标,因此这部分信息至关重要。
注意!如果我们之前在流量获取报告上看到某一渠道获得了很多流量,但是这一渠道的客户却没有按你的设定注册或询盘,这是一个极为重要的冲突信号哦,你一定要认真地找到原因,是不是我的广告描述有问题?是不是注册流程太长?找到原因疏通渠道,让转化提升上来。
3、真正读懂客户的心操作
点击转化下的归因,再选择归因下的“模型对比工具”。请将模型对比选成“首次互动”,把对比选成“最终互动”。这一项数据因为听上去比较高深,所以经常被忽略,其实并不难理解。
解读
“首次互动”指的是访问者是通过哪个渠道与你的网站产生第一次互动的,“最终互动”是客户询盘或注册前,最后在你网站干了什么。
从首次到最终,你可以了解客户从不知道你到最后转化的过程,从而分析出客户真正的喜好和习惯,把营销力气用在刀刃上。
比如下方示例账户中,首次互动量最大的广告渠道是“展示广告网络”,最终互动渠道也是“展示广告网络”。从这两项数据中,可以看出客户浏览其他网站看到你的图片或视频,更容易刺激到他们的购买欲望。
看完这些数据,可能都用不了十分钟的时间,这是你了解自己网站运营、广告效果最关键的第一步哦。不要犹豫,快快开始使用谷歌分析吧,提高广告投放价值、增加受众转化率就从每周十分钟开始。
谷歌分析有什么技术原理?怎样给你网站部署谷歌分析?
网站分析(Web Analytics,或简称WA)可以简单的分成主要3个步骤:
第一点是数据收集。为什么要收集?很简单,收集数据后,才能出报告,才能得出洞悉(insights),当然有些情况是什么洞悉也没有,然后才能分析。我们可以通过简单的解析数据收集的原理,去理解数据收集。
WA工具
我们一般理解的数据收集,是需要通过一些网站分析工具实现的,比如:
工具名称与范围
我们把网站分析工具简称为WA工具,Web Analytics Tools。收集数据的原理是通过在网站的网页上预先埋好需要的Java代码。有时候,我们会把添加JS监测代码叫做“埋点”。
JS监测最重要的好处是,它能把用户访问网页的行为记录,连很明细的行为也能记录,比如点击了那一个button,用了那一个下拉框,等。能收集到的数据会比较全面。
JS监测最麻烦的事情也是埋点,基础埋点一般不会有太大问题,但一旦需要对很明细的数据记录去做埋点,就会比较费工夫。而且,遇到紧急性的活动时,留给埋点设计和部署的时间往往会不够的,要不活动被延误,要不活动上线时埋点工作可能没法完全完成,导致数据记录不全。
通过Google Analytics (GA)去讲WA原理
为了比较容易说明,我们用Google Analytics (GA)的监测代码作为本文章的例子。以下GA以Java方式收集数据的监测代码,它还是GA监测代码中叫做Universal Analytics版本的代码。
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-XXXXXXXX-Y', 'auto');ga('send', 'pageview');</>
用最简单的方式说明GA的原理就是,首先把收集到的原始数据保存到Google的服务器上,处理过,之后生成报告,所以就是你平日在GA帐号界面里能看到的可视化报告。
第一部分的代码,其实是在调用一个GA默认而且很重要的JS文件:analytics.js
(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');
从代码里你可以看到这个 analytics.js 文件是放在Google的域名(服务器)上的。有些情况为了网页速度下载,有些国内网站也会把文件拷贝并放到本地服务器上,假设你网站域名是 http://www.example.com,就会像这样做:
(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.example.com/analytics.js','ga');
GA代码里的第二部分是:
ga('create', 'UA-XXXXXXXX-Y', 'auto');
UA-XXXXXXXX-Y 是GA给你网站默认配置好的ID号。假如你在GA帐号里添加多个域名/网站,你的GA ID会有比如:
UA-XXXXXXXX-1
UA-XXXXXXXX-2
UA-XXXXXXXX-3
案例:WAW网站监测代码
比如WAW网站分析星期三网站(http://chinawaw.org)网页上的GA ID就是唯一的GA ID,跟你网站使用的GA ID并不一样。
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-63334315-1', 'auto');ga('set', 'dimension1','网站分析星期三-中国');ga('send', 'pageview', {'dimension2':''});ga('send', 'pageview');</>
代码看来有些跟默认的不一样,因为是WAW的代码里添加了一些通过custom dimension记录更明细的数据,本文章中我就暂时不展开了。
你会发觉你GA监测代码里的第二部分,用了一个 'auto' 的字段。
ga('create', 'UA-63334315-1', 'auto');
假设你网站有多个二级域名,比如:
有了这个 'auto' 字段,GA会理解这几个域名的cookie都需要被归类为一个网站的cookie。
如果没有添加 'auto' 的话,像一下,用户在访问每个二级域名的网页时,GA都会把用户浏览器中的cookie重置,这样网站的cookie,又即是UV数(唯一用户数)会被错误多算(重复计算)。
ga('create', 'UA-XXXXXXXX-Y');
其实WAW网站,暂时并没有使用多个二级域名,所以 'auto' 暂时是不影响UV数的记录。
我们回来继续讲GA代码中的第三段,以下这行:
ga('send', 'pageview');
意思基本上是说,把这个用户产生的浏览(Page View / PV)数据记录并传到Google指定的数据库里。
WA记录用户访问的最基础原理,我们刚完成说明了。
部署GA默认最基础的监测代码,基本上 out of the box 的 – 即Google已经把它最简单化过了,标准化过了。一般情况下,部署是不会出什么大错误的。
就算你不懂Java,就算你在读过本文章前并不懂怎样安装GA监测代码,你现在应该可以有足够信息去尝试自己安装GA代码了。
自己动手尝试WA
当一位Web Analyst,其实早晚也需要自己动手干。
手痒的话,可以自己到Google Analytics官网上,开个GA帐号,获取GA代码。
当然你需要先注册一个域名(domain name),购买一个网站空间(web host)。比如在 http://Godaddy.com上,你可以注册一个自己的域名,并买个空间。再到 http://Wordpress.org上,下载一套 Wordpress CMS,按照说明安装到你购买好的空间上。安装上GA。
关于GA监测代码的原理,我写的Analytics Book里的一章里有详细说明:
案例:网站分析星期三(http://chinawaw.org)网站
比如以下是网站分析星期三(http://chinawaw.org)网站的GA代码:
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-63334315-1', 'auto');ga('send', 'pageview');</>
这个代码是需要添加到网站上的每一张网页,这是因为我们需要通过代码去监测每一张网页上的用户行为。
电商数据监测
假设,网站分析星期三(WAW)要新增加一个电商业务,比如会卖的商品有:
比如在某个电商网站上,一个用户选择了某商品,用户下单购买成功。这个用户下过的订单是会有类似这样的记录,该记录并是保存到后台数据库里的。以下我只罗列最基础的信息:
每个商品的基础信息会有:
注: 一个订单可以包含多个SKU,这是因为用户可以在一次下订单购买多个不同的商品。
当然每次下订单,还会牵涉到跟多的用户信息,包括:商品属于的类目、税、配送费用、直销商品还是加盟商的产品(因为可能会牵涉到不同的佣金、等),太多了,为了能比较简单的说明,这里我们暂时先不展开讲。
我们的目的就会需要去监测用户的订单行为。我们可以通过WA工具。比如通过GA去实现的话,在用户提交订单的一刻,在网页上激活以下这个代码:
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-63334315-1', 'auto');ga('send', 'pageview');ga('require', 'ecommerce');ga('ecommerce:addTransaction',{'id':'t0000399168','affiliation':'直销','revenue':'270.00','shipping':'5.00','tax':'27.00','currency':'CNY'});ga('ecommerce:addItem',{'id':' t0000399168','name':'某品牌橙子','sku':'gt345','category':'水果类','price':'70.00','quantity':'1''currency':'CNY'});ga('ecommerce:addItem',{'id':' t0000399168','name':'瓜子','sku':'gt017','category':'零食类','price':'100.00','quantity':'2''currency':'CNY'});ga('ecommerce:send');</>
第一部分是初始化 电子商务的监测模块:
ga('require', 'ecommerce');
第二部分是一张订单相关的信息。id是给你传订单号,revenue是传订单金额的,其他都是可选项:
ga('ecommerce:addTransaction',{'id':'t0000399168','affiliation':'None','revenue':'270.00','shipping':'5.00','tax':'27.00','currency':'CNY'});
第三部分是每张订单中每个商品相关的信息。id是传订单号,name是该商品的名称,sku是该商品的唯一识别号,price是该商品的金额,quantity是该商品的数量,其他都是可选项。你留心看会发现这张订单是有两种商品:橙子和瓜子,而且橙子是一份,瓜子是两份。
ga('ecommerce:addItem',{'id':' t0000399168','name':'某品牌橙子','sku':'gt345','category':'水果类','price':'70.00','quantity':'1''currency':'CNY'});ga('ecommerce:addItem',{'id':' t0000399168','name':'瓜子','sku':'gt017','category':'零食类','price':'100.00','quantity':'2''currency':'CNY'});
最后(第四部分)是需要把以上记录到的电子商务(订单)信息传给GA。传GA后,这一切的订单相关数据才会在GA里的电商模块(Ecommerce Tracking)报告里出现。
ga('ecommerce:send');
没有WA工具数据
你要理解的是,就算你网站不用任何WA工具,订单信息肯定也是有记录的。以下是简单的说明:
电商网站,在不安装WA工具的情况下,能收集到的基础订单数据有,每个用户的每个订单:
每个商品:
为什么要把订单数据给GA也传一份?
有WA工具数据
当你网站给GA传一份订单信息后,你才能把用户行为(即用户下订单前)和订单信息绑起来使用,以后才能开始分析。当然还会有更深入的用途,这里就先不展开了。
电商网站,已经顺利安装WA工具的情况下,能收集到的基础订单数据有,每个用户的每个订单:
每个商品:
能交叉匹配到网站用户行为数据,比如:
还会有个别页面上比较零碎的一些行为,比如button点击、下拉框行为、等 – 这些取决于你当初埋点的时候的深度和多仔细。
以上把WAW当成一个电商,只是个例子,当然WAW是不可能是个电商。以上例子作为演示给在电商做网站分析的同学们,希望会有点帮助。
GA的Enhanced Ecommerce Tracking
关于对电子商务订单数据的追踪,GA已经推出升级版的Ecommerce Tracking,叫做Enhanced Ecommerce Tracking。如果你需要通过GA去部署电子商务订单数据的追踪,接下来需要选择部署Enhanced Ecommerce Tracking。
以上案例纯是用来说明电子商务追踪订单数据的原理,所以使用了GA的Ecommerce Tracking功能,而并非Enhanced Ecommerce Tracking。当然,两个功能其实非常类似。
Analytics Book里的一章里有详细说明:
GA/WA的部署策略
接下来我们来讲WA部署时需要考虑的策略。
继续以网站分析星期三(http://chinawaw.org)网站的Google Analytics (GA)的帐号为例子。我们登录到WAW网站分析星期三的GA帐号里,到管理(admin)界面去,最左一列是帐号管理,我们选择了 http://chinaWAW.org帐号(account),下拉框展开后可以看到有多个帐号(这里我们就不全部展开了):
中间一列是Property,用来管理在 http://chinaWAW.org帐号底下的所有properties。
以下的图我们放大后,你会清楚看到一个叫做 http://chinaWAW.org的property,它对应的GA ID号是 UA-63334315-1。
你回去看我们上面的WAW 网页上的GA代码,不就是这个ID:
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-63334315-1', 'auto');ga('send', 'pageview');</>
最右边一列是View,在 http://chinaWAW.orgproperty下我们可以建立多个views,一般我们可以通过filters配置,去建立不同的views。这里我们暂时先不展开view的功能。
简单说说Views的意思吧。你GA代码收集到的数据是按property范围的,每个view是在它对应的property的数据范围内的范围。以下的图说明了view与property的数据范围关系:
手机时代的GA/WA high-level部署
在智能手机时代,你会留意到很多国内的电商网站或者旅游产品预订网站,它们会给用户去搭建一个适合手机屏幕使用的网站。
当然,你平常留意多的话,你会看到携程官网(PC/平板适合用)下也有二级域名,比如:
当初是什么原因使用过个二级域名,我们这里先不展开了。
我们再以一个基础GA监测代码为例去说明,比如这是用来监测某一个的网站的监测代码。比如这网站其实有PC站和手机站:
第一个部署方式是,两个二级域名都是用相同的GA ID,比如:
<>(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.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-xxxxxxxx-1', 'auto');ga('send', 'pageview');</>
会造成什么问题呢?你在GA报告看到的任何数据,都是两个站(PC+手机)混在一起的,你会需要用GA报告里的一个功能(second dimension)才能把两个站的数据在报告中区分。(这网站不是WAW)
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-XXXXXX-1', 'auto');ga('send', 'pageview');</>
不想数据都混在一堆,经常分不清楚的话,也有办法的。这是第二种方法。给PC站一个GA ID,给手机站另一个GA ID。这个是PC站的代码,留意GA ID是 UA-xxxxxxxx-1。
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-xxxxxxxx-1', 'auto');ga('send', 'pageview');</>
有注意到,比如GA ID是 UA-xxxxxxxx-2,跟PC站不一样的。
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-xxxxxxxx-2', 'auto');ga('send', 'pageview');</>
回去管理界面的话,也就是中间一列,会出现2个GA ID。
最后一种方法是,用3个GA ID实现。为什么3个?
首先GA报告里用的数据是不能回滚的,比如你一开始用一个GA ID放在两个站上(PC和手机),已经归属到这个ID的数据,是不能通过其他方式去区分了。
另外,如果你在中途,部署第二种方式,收集到的数据是从代码部署完成开始的。你第一种方式的代码如果同时撤掉的话,你老的数据就在放在第一个property里,而后来的数据都只能在后来添加的properties里。
又不想失去以前的数据延续性,有需要以后把两个站的数据区分开,你会需要分别在PC站和手机的网页上修改小部分GA代码。比如,PC站的网页上,需要改成:
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-xxxxxxxx-1', 'auto');ga('send', 'pageview');ga('create', 'UA-xxxxxxxx-2', 'auto', 'a');ga('a.send', 'pageview');</>
手机站的网页上,需要改成:
<>(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*newDate();a=s.(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'','//http://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-xxxxxxxx-1', 'auto');ga('send', 'pageview');ga('create', 'UA-xxxxxxxx-3', 'auto', 'b');ga('b.send', 'pageview');</>
留意到 UA-xxxxxxx-1 (property 1)是继续保留的,而且分别在PC站和手机站添加了 UA-xxxxxxx-2 (property 2)和 UA-xxxxxxx-3 (property 3)的监测。
最终实现到的数据收集就像以下图里,数据收集到3个properties里。
WAW网站的GA/WA部署
http://chinawaw.org网站只有 http://www.chinawaw.org一个域名,而并没有用到 http://m.chinawaw.org(你不相信可以在浏览器上尝试打开,然后你会发现它并不存在)。 你可以自己分别在PC打开 http://www.chinawaw.org,你会发现在PC浏览器上,WAW网站是这样的:
而在手机浏览器(比如苹果iPhone里的Safari),它是这样的:
WAW是不需要给PC和手机提供两个不同二级域名的,因为网站本身采用了Responsive design (响应式设计)。如果是熟悉Wordpress CMS模板设计的同学,还会看得出WAW网站的模板/CMS是Wordpress的。简单说,无论网站从PC访问还是手机访问,都只有一个版本的域名(或URL)。
所以 http://chinawaw.org无论如何就只需要用一个property。