数据采集（四）之事件跟踪

为什么80%的码农都做不了架构师？>>>   

1.  概览

“事件”是指可以独立于网页或屏幕的加载而进行跟踪的用户与内容进行的互动。下载、移动广告点击、小工具、Flash 元素、AJAX 嵌入式元素以及视频播放都是可以作为事件进行跟踪的操作。

2. 实现

可以使用 send 命令并将 hitType 指定为 event 来发送事件匹配。针对 event 匹配类型的 send 命令调用使用以下标记：

_tracker.track( 'send' , 'event' , [ eventCategory ] , [ eventAction ], [ eventLabel ], [ eventValue ] , [ fieldsObject ] );

3.  事件参数定典表

下表概述了所有事件字段：

参数名	类型	是否必需	说明
eventCategory	字符串	是	通常是用户与之互动的对象分类（例如 'Videos'）
eventAction	字符串	是	根据事件互动对象种类，预定互动类型（例如 'play'）
eventLabel	字符串	否	用于对事件定义关联标签（例如 'Fall Campaign'）
eventValue	对象或字符串	否	与事件相关具体指定值。

 

示例：

以下命令向 MA Tracker （分析）发送一个事件，指明用户播放了秋季广告系列推广视频：

_tracker.track( 'send' , 'event' , 'IMG' , 'click', 'A-SH-0510:BAN-01', {src:"http://[host]/a-10.jpg'} );

基中参数说明
IMG--- 图片类
click --- 点击
A-SH-0510:BAN-01 --- 表示2016年5月10日活动的Banner图
{src:"http://[host]/a-10.jpg'} --- 活动编码当前数据

注意，在使用所有 send 命令时，通过便捷参数传递的字段也可以通过 fieldsObject 指定。上述命令可改写为：

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'IMG',
    eventAction: 'click',
    eventLabel: 'A-SH-0510:BAN-01' ,
    eventValue:{src:"http://[host]/a-10.jpg'} 
});

 

建议代码应如下书写：

代码跟进信息

try {     if (window._tracker) {         _tracker.track( 'send' , {             hitType: 'event',             eventCategory: 'IMG',             eventAction: 'click',             eventLabel: 'A-SH-0510:BAN-01' ,             eventValue:{src:'http://[host]/a-10.jpg'}         });     } } catch (err) {     //  异常处理 }

 

 

 

 

 

4.  eventCategory 目前可以支持以下类型

针对事件采集的粒度和业务需求，可分为界面标签和用户定义区域事件标签。

• 预定义的相关组件处理

支持类型名	对应html标签 / 事件行为	说明
LN	a	所有链接关联系的标签
IMG	img	所有图像关联系的标签
VID	video 或 html4中使用插件的标签	所有视频媒体的对应标签
BTN	botton	所有关联按钮
F	input , select	所有由表单输入域的对应标签
DA	使用异步的数据请求	使用Ajax对后台数据请求行为事件
CO	div , p , span	所有包含某一区域的一块内容

 

• 用户定义区域分类

对应区域	用户事件行为	说明
NAV	定义用户需要关联的导航数据处理

eventCategory 对应可支持执行的动作。

• Ln , Tx: 链接 ，可支持链接的动作如下

支持动作名	值	说明
进入	hin	当 mouse 通过 mouseover 第一次进入区域上文字时加入跟踪
移出	hout	当 mouse 通过 mouseover 第一次离开区域上文字时加入跟踪
点击	click	点该区域而产生的处理

 

• Img:图片，可支持图片的动作如下

支持动作名	值	说明
进入	hin	当 mouse 通过 mouseover 第一次进入该图片时加入跟踪
移出	hout	当 mouse 通过 mouseover 第一次离开图片时加入跟踪
点击	click	点 该图片而产生的处理

 

• Btn:按钮，可支持按钮的动作如下

支持动作名	值	说明
进入	hin	当 mouse 通过 mouseover 第一次进入该按钮时加入跟踪
移出	hout	当 mouse 通过 mouseover 第一次离开按钮时加入跟踪
点击	click	点 该图片时加入跟踪

5.  eventCategory下预定标签与值参考标准

• Ln

参数名	说明
eventLabel	链接的事件标签需要根据业务来定，
eventValue	将连接对应的url填入。

例子

 

则定义 eventLabel 为 "首页" , eventValue 为"../index/index.html"

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'Ln',
    eventAction: 'click',
    eventLabel: '首页' ,
    eventValue:'../index/index.html' 
});

 

• Img

参数名	说明
eventLabel	图片的事件标签需要根据业务来定，
eventValue	将连接对应图片的src填入。

例子

 

则定义 eventLabel 为 "详情页导航图" , eventValue 为"http://site.ma.com/img/pictures/B_1000000279/10000010279/prdl_123456_dm.jpg"

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'Img',
    eventAction: 'hin',
    eventLabel: '详情页导航图' ,
    eventValue:'http://site.ma.com/img/pictures/B_1000000279/10000010279/prdl_123456_dm.jpg' 
});

 

• Tx

参数名	说明
eventLabel	关联文字的事件标签需要根据业务来定，
eventValue	将连接对应指定值填入。

例子

 

则定义 eventLabel 为 "商品描述" , eventValue 为 商品描述关联的具体内容

 

_tracker.track( 'send' , {
    hitType: 'event',
    eventCategory: 'Tx',
    eventAction: 'hin',
    eventLabel: '商品描述' ,
    eventValue:[商品描述关联的具体内容]
});

转载于:https://my.oschina.net/VILLE/blog/1186768