WEB前端埋点JS-SDK使用说明

一.概述

本文档主要面向前端同学进行页面埋点使用，通过本文档可以实现自助接入。本文档只适用于WEB埋点接入。 埋点必知：

1. p_l只有如下取值PC, App, Applet, wap
2. c_p只有如下取值PC, iOS, Android

二.名词解释

1. 普通埋点：引入sdk后，基础页面数据会自动采集。
2. 主动打点：调用大数据打点SDK(PC和WAP)的report接口或。
3. 嵌入式埋点：WEB数据在元素上添加一些标识，数据采集SDK会采集到这些标识，上报相关元素的日志数据。

三. 数据上报方式比较

四. JS SDK接入

五. 代码集成

a. 产品打点，使用tracker.js文件

<script>
// 设置客户端类型（取值见附表）
window._tracker_ = window._tracker_ || [];
window._tracker_.push(['product', '']); //填写产品名
window._tracker_.push(['b_v', '0']); //数据版本
window._tracker_.push(['b_t', 'def']); //业务类型
window._tracker_.push(['unm', '']); //页面名字
</script>

六. 数据上报

1. 自动上报 接入大数据JS SDK后，页面数据会自动上报，无需做其他设置。

2. 嵌入式打点 适用于PC和WAP 如果需要对页面元素进行统计，在相关元素(先通过chrome的Element检查器查看这个元素，确保有_tracker_click_属性，_tracker_click是大数据JS加的，其他人一定不要在元素上加_tracker_click属性，如果没有_tracker_click属性，那么给元素添加个btn的class，例如： 然后加上rdt,cat,act三个字段，格式如下：

<li class="members" _tracker_click_="_tracker_click_" rdt="3" cat="button" act="编辑器_升级"><i class="eqf-vipdiamond-f"></i>&nbsp;升级 </li>

rdt的取值只有字符串"3".
cat为事件的分类，比如button,banner或image等
act为事件名，比如"会员购买按钮点击"

七. 字段表

其中最后一列标记为y的，表示为必填字段。 如果没有特殊说明，所有字段均为字符串。 字段的长度在(2,25]范围内，否则就认为是非法参数。此定义对e_d中的参数同样有效。

九.微信分享事件埋点

1. 调用_tracker_api_.getShareUrl(share_url)，获取含要分享出去的url，该方法会在为当前URL拼接上分享相关的参数，如share_level、share_user、share_time等；
2. 分享成功回调函数中调用_tracker_api_.share('to')，发送分享成功日志，参数to为分享去向，取值为timeline、message、qq、weibo、qzone，分别表示 朋友圈、朋友、QQ、微博、QQ空间