埋点方案这里主要介绍三种:浏览埋点、点击埋点、自定义接入方案
一 、浏览埋点
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)为结果列表中点击商品的位置。