大数据--埋点方法介绍

Posted 2020-08-15

埋点方案这里主要介绍三种：浏览埋点、点击埋点、自定义接入方案

一 、浏览埋点

pc主站相关的业务（A1）

如果埋点的页面在业务上属于主站（www.51cto.com）【备注：主站名这一以www.51cto.com为例】，并且流量也要计入主站流量中，那么该页面需要埋主站的js代码(wl.js)。埋点代码如下： 
将以下脚本部署至每一个页面底部</body> 之前且紧挨</body> 。每个页面只可引用一次，不可重复引用。

<script type="text/javascript">
(function () {
var ja = document.createElement(‘script‘);
ja.type = ‘text/javascript‘;
ja.async = true;
ja.src = (‘https:‘ == document.location.protocol ? ‘https://wlssl‘ : ‘http://wl‘) + ‘.51cto.com/wl.js‘;
var s = document.getElementsByTagName(‘script‘)[0];
s.parentNode.insertBefore(ja, s);
})();
</script>

M主站相关的业务埋点(A2)

如果埋点的页面在业务上属于m站（m.baidu.com），并且在流量上也要计入m站，那么该页面需要埋m站的jsp代码（ja.jsp）。埋点代码如下： 
将以下html代码部署至每一个页面底部</body> 之前且紧挨</body> 。每个页面只可引用一次，不可重复引用。

div style="display:none;">
<img src="/ja.jsp?&utmn=_UTMN_&utmr=_UTMR_&utmp=_UTMP_&guid=ON&jav=_JAV_&pin=_PIN_&utmac=MO-J2011-1" />
</div>

参数说明： 
UTMN：随机数 
UTMP：当前URL，其中包含orderId参数，用于存储订单编号 
JAV：页面类型 
PIN：用户帐号 
guid和utmac都是固定参数，值为‘ON‘和‘MO-J2011-1‘。不可更改。

其他域名埋点(A3)

如果埋点的页面在业务上既不属于pc主站，也不属于m站，并且还有自己独立的域名，那么该页面需要埋joya.js，具体埋点代码如下： 
用户通过pin登陆 
将以下脚本部署至每一个页面底部</body> 之前且紧挨</body> 。每个页面只可引用一次，不可重复引用

<script type="text/javascript">   
var jaq = jaq || [];   
jaq.push([‘account‘,‘_account_‘]); //account为字段名，固定不变，xxxx填入站点编号   
jaq.push([‘domain‘,‘_domain_‘]); // domain为字段名，固定不变，xx.yy.com填入站点域名   
(function() {    
var ja = document.createElement(‘script‘); ja.type = ‘text/javascript‘; ja.async = true;    
ja.src = (‘https:‘ == document.location.protocol ? ‘https://wlssl‘ : ‘http://wl‘) + ‘.jd.com/joya.js‘;    
var s = document.getElementsByTagName(‘script‘)[0]; s.parentNode.insertBefore(ja, s);   
})();
</script>

用户通过其他账号登陆 
将以下脚本部署至每一个页面底部</body> 之前且紧挨</body> 。每个页面只可引用一次，不可重复引用

<script type="text/javascript">   
var jaq = jaq || [];   
jaq.push([‘account‘,‘_account_‘]); //account为字段名，固定不变，xxxx填入站点编号   
jaq.push([‘domain‘,‘_domain_‘]); // domain为字段名，固定不变，xx.yy.com填入站点域名   
jaq.push([‘erp_account‘, ‘test‘]);  //登陆帐号，erp_account为字段名固定不变，test填入用户erp帐号(调用方自己传,若不传,会记录用户的京东pin)   
(function() {    
var ja = document.createElement(‘script‘); ja.type = ‘text/javascript‘; ja.async = true;    
ja.src = (‘https:‘ == document.location.protocol ? ‘https://wlssl‘ : ‘http://wl‘) + ‘.jd.com/joya.js‘;    
var s = document.getElementsByTagName(‘script‘)[0]; s.parentNode.insertBefore(ja, s);   
})();
</script>

二 、点击埋点

如果想统计页面某些坑位（如按钮、广告）的点击量，那么需要在对应的坑位处加clstagid。请务必注意，点击埋点基于浏览埋点，如果想统计页面某些坑位的点击量，请确认该页面已经埋了浏览埋点 
埋点代码如下： 
根据域名，按照方案A1、A2或者A3，在页面中加载wl.js或者joya.js。然后在页面中相应的区域添加clstag。当该区域有用户点击的时候，点击流自动识别该标签，记录固定格式的日志 
示例：

<"div clstag="pageclick|keycount|home2013|08a">

参数说明: 
clstag标签格式:pageclick|keycount|clstag_log_id1|clstag_log_id2 
其中pageclick|keycount 为固定值，clstag_log_id1 和clstag_log_id2 clstag标签以| 分隔，后两个字段确定该clstag日志的类型（如示例中的home2013 和08a ），可以自行定义。

三、自定义接入方案

如果以上埋点方案都无法满足需求（如要统计点击图片的大小），那么可以使用log方法自己上传参数。请务必注意，log方法基于浏览埋点，如果想统计页面上的某些参数，请确认该页面已经埋了浏览埋点 
log方法如下： 
根据埋点是主站还是垂直站点，按照方案浏览埋点方案A1、A2或者A3，在页面中加载wl.js或者joya.js，然后在网页中调用javascript方法：

log(‘log_type_id1‘, ‘log_type_id2‘, v1, v2, ......);

方法说明： 
参数log_type_id1 和log_type_id2 标识log方法，在点击流中加。 
以搜索点击日志为例：

<a href="https://item.jd.com/615489.html" onclick="log(‘search‘,‘000001‘,‘dior‘,615489,1)">dior</a>

示例中log_type_id1 为search ， log_type_id2 为000001 ，第一个自定义参数（dior）为搜索关键词，第二个自定义参数（615489）为被点击商品的SKU，第三个参数（1）为结果列表中点击商品的位置。