用户行为系统Marmot - D2 2011 session

marmot youhttp://www.matmotu.com

userbehaviorsystem

work @ youa WED teamhttp://t.sina.com/rank

11年7月12日星期二

http://labs.youa.com/~marmot

http://labs.youa.com/~marmot

http://www.never-online.net/blog

http://www.never-online.net/blog


各种抓狂抓狂抓狂


不能拍脑袋来决策问题11年7月12日星期二

目标


自动化用户体验评级系统!


工作流


marmot整体工作流


看看长什么样





图层可叠加




网游充值

手机直充

100元


数据绘制选型


flash

php clickheat canvas

V.S


类型消耗兼容 DOM 适用性

flash客户端cpu消耗

高好不能很好与dom结合

采样控制兼容性好

php clickheat无客户端消耗消耗在服务端极好不能很好与dom

结合全采样可绘制

canvas 客户端消耗中高需html5支持能与dom很好结合

采样控制DOM结合


采集


Sid+Mid

marmot serverclient js

url match

client log

server logseq=0

processor API

referer+url

marmotID

sessionID

seq=n


采集细节发送数据内容发送数据内容

target 元素

event type 事件类型

timestamp 时间

custom data 自定义数据

采集原始事件采集原始事件mousemove mousedown

mouseup click

dblclick focus

scroll keydown


• 采集频率• 采集大小• 数据筛选• 采集API

• 数据合并

注意事项


坐标一致性


1024*768 1280*800

align = middle

relative coordinate

原点O=(0,0)

原点O=(document.documentElement.scrollWidth/2|0,0)


MDPMarmot DOM Path

DOM path还原


path=[div.container, ~1div]

div(HTMLElement) div(HTMLElement)

div#container(HTMLElement)

body

selector=’div#container>div:nth-of-type(1)’

path.replace(/~(\d+)([^~]+)/gi, '~$2:nth-of-type($1)').replace(/\~/gi, '>').replace(/\./gi, '#');

Marmot.getPath


还原规则


统计与还原• marmot.log.js收集click

• 计算hover悬停的MDP

• 计算selector的MDP

• 发送至服务器• 服务器扫日志入HDFS/库

• 输出时直接输出

• 算法写死在客户端• 扩展比较麻烦


发送数据内容发送数据内容

target 元素

event type 事件类型

timestamp 时间

custom data 自定义数据

时间差值


mouse down + mouse

move + mouse up

mouse down + mouse

up = click

mouse move - mouse

move = delta hover

delta select=

move start


是否有不用关心页面对齐的方案

有

回到刚才的坐标一致性问题


绝对坐标与相对坐标



div(HTMLElement) div(HTMLElement)

div#container(HTMLElement)

body

mdp selector = ‘div#container>div:nth-of-type(1)’relative coordinate x = event.x; //300relative coordinate y = event.y; //100

var el = document.querySelector(mdp selector); //定位元素var xy = Dom.getXY(el);var corrective x = xy[0] + relative coordinate x;var corrective y = xy[1] + relative coordinate y;

x=300y=100


栅格化


Math.floor(document.documentElement.scrollWidth/n)

9px*9px

1px*1px

1024px

768px


能满足宏观需求...


再更多的一点料...


页面行为如何衡量优劣

AB test进一步考虑


行为数据分析微观数据的特征分析


模糊关键路径

• A用户行为的拓展序列是a->b->c->d->...

• B用户行为的拓展序列是c->b->d->a->...

• C用户行为的拓展序列是a->b->c->a->...

• D用户行为的拓展序列是a->c->b->a->...

模糊关键路径得到a->b->c->a


['', 'input.rd_fv_30', 'input.phone_number', 'button.btn-charge']

key path

['', 'input.phone_number', 'button.btn-charge', 'input.PassInputPassword0']['', 'input.rd_fv_30', 'input.phone_number', 'button.btn-charge', 'input.PassInputUsername0', 'input.PassInputPassword0']['', 'input.phone_number', 'button.btn-charge', 'input.PassInputPassword0']['', 'input.rd_ct_slow', 'input.phone_number', 'button.btn-charge', 'div.pdc-wrap~2div~1div~1div~1a', '']['', 'input.phone_number']['', 'input.phone_number', 'button.btn-charge', 'div.user_register_ctn~1h4', 'button.user_register_btn']['', 'input.rd_fv_50', 'input.phone_number', 'input.phone_number', 'input.phone_number', 'button.btn-charge']['', 'input.phone_number', 'button.btn-charge', 'input.PassInputPassword0', 'form.PassFormlogin~1fieldset~1p~1button', 'form.PassFormlogin~1fieldset~1p~1button']

similar path


关于还原用户行为PV还原的意义


微观数据找到用户的问题Q : 找到的问题应该是一类用户, 还是一个用户


用户维度数据仓库


• 一帮公程师

• 一票美女

• 一群小资

• 这些 80后

如何找到用户


用户维度marmot v2 design UDC

用户信息

用户数据平台

上网时间00:00

使用浏览器Safari

第一次来此页面

......

用户维度中心UDC

用户体验模型配置UEM

操作熟练产品新手

操作新手产品新手

操作熟练产品熟练

操作新手产品熟练

操作熟练产品新手性别男80后北京...

抽取该类用户操作轨迹回放


评级模型


自动评级



数据层hadoop(HDFS)

框架层framework

ABtest

beta publish

产品上线

marmot

WPO


thanks拍砖及鸡蛋


Education

用户行为系统Marmot - D2 2011 session