网站用户行为数据统计与分析—埋点统计

转载 2016年08月29日 11:00:12

背景:现如今,销售预测在提高企业经济效益及决策支持水平的方面占有重要的地位。随着企业信息化技术水平的提高,企业销售数据日益丰富,管理者对其中隐藏的销售预测信息的渴求愈来愈强烈。用传统的方法来分析这些海量数据中的销售信息相当困难,已不适应时代需求。此文目的正在此处,即如何寻找更好的方法去挖掘销售数据中隐藏的销售预测信息。

    应用:目前习惯了这样一种称谓:前端行为数据和后端商业数据。前段数据指访问量、浏览量、点击流及站内搜索等反应用户行为的数据,而后端数据更侧重商业数据,比如交易量、ROI(转化率)、LTV(Life time Value终身价值)。目前有些人关心行为数据,也有些人关心商业数据,但较少人把行为数据和商业数据联系起来看。大家往往只单纯看某一端数据。国内小有名气的网站CEO,每天也只看一个结果数据:网站今天的成交量是多少,卖了多少件产品。但是看数据走火入魔的人会明白,每个数据,就像散布在黑夜里的星星,它们彼此之间布满了关系网,只要轻轻按一下其中一个数据,就会驱动另外一些数据的变化。

   实现流程图:

    设计实现图:

    js埋点代码,此部分代码借鉴谷歌分析的思路设计,相信不难理解:

01 <!-- 获取用户行为数据(js文件外部引用) 五味子-->
02 <script type="text/javascript">
03    var _uid = "${sessionScope.memberId}";//获取用户会员ID
04    var _oid = "${orderId}";//获取用户订单ID
05    (function() {          //(function(){})是一个闭包的用法,闭包必定会被调用。
06   
07    var ga = document.createElement('script');
08    ga.type = 'text/javascript';
09    ga.charset='gbk';
10    ga.async = true;//ga.async = true 异步调用外部js文件,即不阻塞浏览器的解析
11    ga.src = 'js/ana.js'
12    var s = document.getElementsByTagName('script')[0];    //取得第一个tag名为script的元素
13    s.parentNode.insertBefore(ga, s);             //在s前添加元素ga
14  })();
15  </script>

   大家可能注意到了此段代码块中引入了一个ana.js文件,这个文件就是收集行为数据的核心代码文件:

001 /*
002  *生成UUID,用户唯一访问标识
003  */
004 (function() {
005   alert("asdf");
006   // Private array of chars to use
007   var CHARS ='0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
008   
009   Math.uuid = function (len, radix) {
010     var chars = CHARS, uuid = [], i;
011     radix = radix || chars.length;
012   
013     if (len) {
014       for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
015     else {
016       var r;
017       uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
018       uuid[14] = '4';
019       for (i = 0; i < 36; i++) {
020         if (!uuid[i]) {
021           r = 0 | Math.random()*16;
022           uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
023         }
024       }
025     }
026     return uuid.join('');
027   };
028   Math.uuidFast = function() {
029     var chars = CHARS, uuid = new Array(36), rnd=0, r;
030     for (var i = 0; i < 36; i++) {
031       if (i==8 || i==13 ||  i==18 || i==23) {
032         uuid[i] = '-';
033       else if (i==14) {
034         uuid[i] = '4';
035       else {
036         if (rnd <= 0x02) rnd = 0x2000000 + (Math.random()*0x1000000)|0;
037         r = rnd & 0xf;
038         rnd = rnd >> 4;
039         uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
040       }
041     }
042     return uuid.join('');
043   };
044   
045   Math.uuidCompact = function() {
046     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
047       var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
048       return v.toString(16);
049     });
050   };
051 })();
052  
053 //======================================UUID=============================end
054     //页面id,标识唯一一个页面
055     var url=window.location.href;
056  
057     var url_arr=url.split(".");
058      
059     var id=url_arr[url_arr.length-2];
060      
061     //获取会员ID
062     var _memberId = _uid || '';
063      
064     //获取订单ID
065     var _orderId = _oid || '';
066  
067     //用户标识UUID
068     var _utmb = $.cookie('_utmb') || '';
069  
070     //_utmb值为空时,调用Math.uuidFast
071     if(_utmb==null||_utmb=='undefined'||_utmb==''){
072          
073             _utmb = Math.uuidFast();
074              
075             $.cookie('_utmb', _utmb);
076              
077     }
078      
079     //从哪个路径跳转过来
080     var _ref = document.referrer || '';
081      
082     var _param = _ref.substring(_ref.indexOf("?"), _ref.length);
083      
084     var strs =_param.split('&');
085      
086     var utm_source='';
087      
088     for var i = 0; i < strs.length; i++) {
089          
090         if (strs[i].indexOf('utm_source')!=-1) {
091              
092             utm_source = strs[i].substring(strs[i].indexOf('=')+1,strs[i].length);
093              
094         }
095          
096     }
097      
098     //判断,如果utm_source的值不为空,则路径来源取值utm_source,否则取值_ref
099     if (utm_source!=null&&utm_source!=''&&utm_source!='undefined') {
100          
101         _ref=utm_source;
102          
103     }
104     //获取当前访问的页面
105     var  _currentURL=document.URL || '';
106      
107     alert($.cookie('_utmc'+id));
108     //一秒内连续刷新算一次请求
109     if ($.cookie('_utmc'+id)) {
110          
111     }
112     else{
113          
114         _utmc = $.cookie('_utmc'+id, true, {expires: 1/24/60/60});//expires以天为单位,cookie有效时间1秒钟
115         //写入,传到后台
116         var img = new Image();// 创建一个image对象
117          
118         img.src = 'http://localhost:18080/ec-ga/behavior.img?_utmb='+_utmb+"&_memberId="+_memberId+"&_orderId="+_orderId+"&_ref="+_ref+"&_currentURL="+_currentURL;
119          
120         document.body.appendChild(img);
121     }
    代码分析:

    此段代码也不难理解,有几个地方我捎带讲解一下:

    uuid,在这里我把它定为用户访问唯一标识符,更多有关uuid的资料,大家上网查。

    _utmc,用来标识一段时间内,如果用户不断刷新,我们算一次页面请求,所以在这里我们设置了cookie的有效期

    img,这里我们摒弃了传统的ajax发送请求,那是因为ajax不能跨域发送请求,所以我们这里采用了以图片的形式把数据发送过去。

    最后,别忘了添加两个js文件,一个jquery.js,一个jquery.cookie.js


转载:http://www.12333sh.gov.cn/sbsjb/wzb/226.jsp

用户行为日志-js埋点(一)实现整体流程

网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计 和 腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于ja...
  • hxyascx
  • hxyascx
  • 2016年11月28日 09:34
  • 11570

js实现页面埋点

参考网址:   http://www.cnblogs.com/booth-sun/p/4962099.html     1).http://www.admin10000.com/documen...
  • jibaole
  • jibaole
  • 2016年07月29日 16:33
  • 3939

网站数据数据分析-网站js埋点

网站js埋点 js埋点 1.埋点作用:    页面埋点的作用:其实就是用于流量分析。而流量的意思,包含了很多:页面浏览数(PV)、独立访问者数量(UV)、IP、页面停留时间、...

用户行为日志-js埋点(三)浏览记录和停留时间思路

问题 公司想统计一个用户从进入官网到注册,这个流程该用户整个的浏览路线,在哪个页面停留的时间比较长,从而更有针对性的对客户行为进行分析,了解用户的真正需求。。。 虽然百度统计之类的也可以记...
  • hxyascx
  • hxyascx
  • 2016年11月28日 09:41
  • 2898

代码埋点

网站统计的基本流程首先,用户的行为会触发浏览器对被统计页面的一个http请求,这里姑且先认为行为就是打开网页。当网页被打开,页面中的埋点javascript片段会被执行,用过相关工具的朋友应该知道,一...

【行为分析】(二)前端埋点实现及原理分析

正如在宏观介绍的博客中写到的,做用户行为分析的方式有“前端埋点”和“后端埋点”的区分,真好今天敲了一个坤哥整理的“前端埋点”的程序,理解了之后结合demo来简单讲解“前端埋点”如何做。        ...

关于网页埋点实现的一些总结

背景: 一个网站上线,开发者除了保证网站功能正常,体验优好之外,还有一项重要的工作是数据收集,通过收集用户的行为数据可以帮助了解网站的功能是否满足用户的需求,导流方式是否有效,新功能上线后是否效果是...

网站统计中的数据收集原理及实现-埋点统计

网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于java...

数据采集与埋点简介之 代码埋点、可视化埋点与无痕埋点

博主做移动手机系统中的数据采集与埋点也有近两年,那段时间内一方面是集中在具体的开发和问题细节处理,另外一方面则是在把采集系统适配到不同的平台手机、平板、tv、车载的过程中,有Android和C++两个...
  • vshuang
  • vshuang
  • 2017年03月04日 23:01
  • 4944

网站统计中的数据收集原理及实现(有说前端如何埋点)

在这篇文章中比较好地将前端埋点后以及后台数据的收集讲的清楚明白了 http://blog.codinglabs.org/articles/how-web-analytics-data-collect...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网站用户行为数据统计与分析—埋点统计
举报原因:
原因补充:

(最多只允许输入30个字)