8,10分钟学会看懂谷歌分析(Google Analytics)

原文: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就正常工作了。

![

](https://upload-images.jianshu.io/upload_images/12197462-7c53285dc4df1e97.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

图片来源:123rf.com.cn

很多用户都反映:“我们知道谷歌分析(Google Analytics)是很厉害的网站分析工具,可是它有那么多项数据,时间有限,我该怎么读懂和利用?”其实哪怕你每周只有十几分钟,看透谷歌分析里的几个关键数据,也能让你的广告越投越好。

image

数据告诉你最真实的营销情况

如果你有自己的独立站,不管你是找采购商还是个人买家,当你花钱做了广告,就一定想知道这些广告是不是有用?假设你投了Google广告,哪些人是搜索你的产品词而点击进了网站?哪个页面最受用户欢迎?哪个网页最没人缘、用户看了就点了右上方的小叉叉?以上这些,谷歌分析都可以告诉你!

image

那么问题又来了:为什么要知道这些情况呢?当然是为了获得更多的客户或者询盘,摸清客户的喜好和路数,把你的广告准确地推送到他们面前。所以以上这些数据,你懂得越多,广告效果就越好!

设置3步走,报告生成妥妥的

想获得更有用的数据?首先要正确设置谷歌分析。下面就打开你的谷歌分析,跟着我们一步步来做吧。

1、启动再营销和广告报告功能进入谷歌分析>管理>媒体资源>跟踪信息>数据收集

如果你刚开始使用谷歌分析,那么数据收集中的“再营销”和“广告报告”功能都还没有打开。谷歌十分尊重用户隐私,只有经过用户同意才会开始收集用户数据,为了追踪访问我们独立站的用户浏览习惯,我们需要手动开启这两项功能。

image

2、关联你的AdWords账户如果你使用AdWords做广告,要在此把谷歌分析和AdWords账户关联,让谷歌分析获得的数据指导AdWords广告更有效地投放。

image
image

3、受众群体定义下面我们来做第三个重要设置:点击管理>受众群体定义>受众群体。

image

受众群体就是你的客户或采购商,定义受众群体是为了让谷歌分析知道你要追踪哪些目标,建议从开始使用谷歌分析的时候就设置好。受众群体设置得越细分越好,从客户访问次数、成单状态、对产品系列的关注等多方面设置,谷歌分析都能帮你挖出这类型群体的详细数据。比如,访问你网站一分钟就走了的人、加入购物车没购买的人、浏览新产品信息的人……

这样你后续就可以根据他们不同的情况,对症下药啦。

十分钟抓住营销命脉

完成以上设置,谷歌分析就开始跟踪你的网站用户了。系统需要1-2周的时间收集数据,因此早早完成设置,就能尽早看到数据。这些数据包括用户行为的方方面面,全部了解当然很好,但如果你的时间有限,那只需抽出十分钟看懂下面3个核心数据,就能确保你的营销高效运行。

1。找到流量最大的渠道操作

点击流量获取>概览,点击热门来源/媒介,选择下拉菜单中的“热门来源/媒介”。这一项是告诉你网站上获取流量最多的渠道是哪几个。

image
image

Google小贴士

如上图中排第一的google/cpc代表Google广告带来的流量;

direct/none代表用户输入网址访问或者收藏了你的网址,所以能够直接访问;

google/organic代表google自然搜索带来的流量。

解读

流量大的渠道就代表最吸引客户,分析各个营销渠道谁更有用,更好地分配资源。比如你发现大多客户在Google上直接搜你的公司名字,说明客户知道你的品牌,那你就应该确保他们搜索这些词时,你的产品出现在前面。

2、找到转化效果最好的渠道操作

点击转化下的转化目标、概览,我们来看“来源/媒介”这一栏。这一项数据说明的是给带来最多转化的渠道是哪些。

image

解读

只了解流量最大的渠道还不够,还要知道这些渠道是否带来了转化?转化就是客户达到了你设定的标准,比如提交询盘、注册、将商品加入购物车等。获得转化就是我们的目标,因此这部分信息至关重要。

注意!如果我们之前在流量获取报告上看到某一渠道获得了很多流量,但是这一渠道的客户却没有按你的设定注册或询盘,这是一个极为重要的冲突信号哦,你一定要认真地找到原因,是不是我的广告描述有问题?是不是注册流程太长?找到原因疏通渠道,让转化提升上来。

3、真正读懂客户的心操作

点击转化下的归因,再选择归因下的“模型对比工具”。请将模型对比选成“首次互动”,把对比选成“最终互动”。这一项数据因为听上去比较高深,所以经常被忽略,其实并不难理解。

image
image

解读

“首次互动”指的是访问者是通过哪个渠道与你的网站产生第一次互动的,“最终互动”是客户询盘或注册前,最后在你网站干了什么。

从首次到最终,你可以了解客户从不知道你到最后转化的过程,从而分析出客户真正的喜好和习惯,把营销力气用在刀刃上。

比如下方示例账户中,首次互动量最大的广告渠道是“展示广告网络”,最终互动渠道也是“展示广告网络”。从这两项数据中,可以看出客户浏览其他网站看到你的图片或视频,更容易刺激到他们的购买欲望。

image

看完这些数据,可能都用不了十分钟的时间,这是你了解自己网站运营、广告效果最关键的第一步哦。不要犹豫,快快开始使用谷歌分析吧,提高广告投放价值、增加受众转化率就从每周十分钟开始。

image

谷歌分析有什么技术原理?怎样给你网站部署谷歌分析?

网站分析(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');

假设你网站有多个二级域名,比如:

http://www.example.com

http://shanghai.example.com

http://beijing.example.com

http://shenzhen.example.com

有了这个 '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),下拉框展开后可以看到有多个帐号(这里我们就不全部展开了):

image

中间一列是Property,用来管理在 http://chinaWAW.org帐号底下的所有properties。

image

以下的图我们放大后,你会清楚看到一个叫做 http://chinaWAW.org的property,它对应的GA ID号是 UA-63334315-1。

image

你回去看我们上面的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的功能。

image

简单说说Views的意思吧。你GA代码收集到的数据是按property范围的,每个view是在它对应的property的数据范围内的范围。以下的图说明了view与property的数据范围关系:

image

手机时代的GA/WA high-level部署

在智能手机时代,你会留意到很多国内的电商网站或者旅游产品预订网站,它们会给用户去搭建一个适合手机屏幕使用的网站。

当然,你平常留意多的话,你会看到携程官网(PC/平板适合用)下也有二级域名,比如:

http://flights.ctrip.com

http://hotels.ctrip.com

http://vacations.ctrip.com

当初是什么原因使用过个二级域名,我们这里先不展开了。

我们再以一个基础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)

image

<>(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。

image

最后一种方法是,用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网站是这样的:

image

而在手机浏览器(比如苹果iPhone里的Safari),它是这样的:

image

WAW是不需要给PC和手机提供两个不同二级域名的,因为网站本身采用了Responsive design (响应式设计)。如果是熟悉Wordpress CMS模板设计的同学,还会看得出WAW网站的模板/CMS是Wordpress的。简单说,无论网站从PC访问还是手机访问,都只有一个版本的域名(或URL)。

所以 http://chinawaw.org无论如何就只需要用一个property。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,179评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,229评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,032评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,533评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,531评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,539评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,916评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,813评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,568评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,654评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,354评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,937评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,918评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,152评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,852评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,378评论 2 342