25 十 09 监测部署成功案例-"赛跑全人类"
小声明：本文提及的Nike为注册商标，本案例与本人有着“八辈子打不着”的关系，该创意制作公司我也没听说过，纯粹是发现案例后凭借个人专业的“人肉搜索”水平“人肉”出来的。
在浏览QQ首页新闻时，我发现了醒目的Nike广告，这是一个1/2轮播的广告位。目标地址是：http://www.nike.com.cn/humanrace2009/?utm_source=QQ_hp_column2&utm_medium=Celebration&utm_content=714×90&utm_campaign=humanrace2。
从URL，可以知道或推测到：
- 目标活动页面，是由Google Analytics在监测。
- 监测部署做得相当严谨，一般只需要定义三个量，Source，Medium，Campaign，这个还定义多一个Content。
- 这个项目正处在第二阶段，Campaign名字为HumanRace2.
于是我怀着“异动”的心情点击广告，来到了这个活动页面：
这是一个静态页面，页面后缀为Html。页面中包含的元素有：JS\CSS\Flash\图片。通过查看代码（我把源代码新建一个页面http://www.ectend.com/nike-case-page-source/），可以了解页面组成。并有多个发现：
- GA的监测代码加在<head></head>。
- GA的监测代码有暂多的定制化。
多帐户分筛，实现一个页面多处调用，不同监测。
function createTracker(){
var account = window.location.toString().indexOf("www.nike.com.cn") > -1 ? "UA-10263217-1" : "UA-10263402-1";
try{
pageTracker = _gat._getTracker(account);
} catch(err) {}
}我们知道常规的GA代码有这样一句：var pageTracker = _gat._getTracker("UA-5431245-31");定义了监测代码监测的数据归属于GA的哪个Account下的哪个Profile。
这个案例的这个写法很创新，通过判断地址栏的URL是否归属于“www.nike.com.cn”来分类记入不同的Profile。为什么要这么做呢？页面的URL不是固定的么？为什么要进行判断呢？
原因是：同一个页面，如图中橙黄色页面，可以通过两个域（Nike域，QQ域）访问到。而在QQ.com域下，是使用iframe嵌套。采用这种判断后，QQ域的访问监测数据会归入ProfileB，区分于Nike域的ProfileA，方便数据分析。实践意义：这种方法非常的创新，可以延伸。如创意公司为活动制作好一个专题页面，然后通过iframe嵌入整合到多个媒体的活动专区去。通过case多条件判断语句，实现更多域的监测，从而分析出同一个页面，在不同的媒体的活动专区中哪个用户互动效果更好。
对来源进行归类。
<script>
function querySt(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}
}
}
if (querySt("utm_campaign") && querySt("utm_campaign") != "") {
track("/landing/"+querySt("utm_campaign"));
}
track("/landing");
</script>这段语句的作用：如果访问者是点击广告进来的，那么分析URL中的utm_campaign的值，如果有值（例如：humanrace2)，那么就记PV入“/landing/humanrace2”再记PV入“/landing”。如果不是点广告进来的，即URL中不带UTM属性，那么就只记PV入“/landing”。
这样的作用是为什么呢，不是有Traffic Source功能么？我不知道他们的分析师怎么想的，仅从页面上的信息无法总结出这样做的目的。
实践意义：通过这段语句，可以实现对URL的属性进行判断，然后根据判断结果进行操作。如：判断如果QQ的来源用户，页面显示QQ用户相关的内容。判断如果是点击创意A的用户，页面显示与A创意和谐的内容。
- Flash加入了GA监测代码。这个比较简单，用HTTPwatch就可以看到，添加方法也很容易。感兴趣的朋友也可以把那个Flash下载下来，用action script view看一下。
时间与篇幅的关系，这个案例就研究到这，其实这个项目很大，涉及很多个页面，有兴趣的朋友可以根据文章中的链接自行研究。最后，我通过人肉搜索，得知这是由一个叫razorfish的agency在操作。
最后节选头部代码在尾部，有兴趣的朋友可以留言延伸交流。
风险提示：由于我只能从用户角度掌握信息，本文对这个大项目中的一个局部进行分析，也许有偏差或者不客观的地方。
Reader's Comments
Leave a Comment
精彩！定制GA代码的又一极佳案例！
[回复]