@jushuitan/jst-track

jst-前端日志埋点

接入方式

cdn引入

// 这里的版本号和package.json内的version统一
<script src="https://static.jushuitan.com/static/js/lib/track/1.1.0/jst-track.js"></script>


<script>
     track({
           app_key:'jst-gyl-channel',	//应用唯一编号
           event_id:3001,	//事件编号, 2001=页面进入，2002=页面离开，3001=控件点击
           co_id:'1000',	//用户所在公司编号
           user_id:'100000',	//用户编号
           channel_id:'jst-web',	//渠道来源ID, 可以通过url的ffrom字段传入
           duration:'10000',	//页面访问时长,单位秒
           element:'banner',	//控件编码
           element_args:{
               name:'jugongdan'
           },	//控件参数
           nextPageSend:true, // 【特别注意】是否在下一个页面发送请求，只在点击跳转事件下使用
           is_track_prod:false,  // 生产环境才上报，其他环境只会console.log
           aliyunHost:'default'  // default 国内埋点环境（默认可不传） ,overseas 海外埋点环境
     });
</script>

七牛云cdn打包上传地址： https://portal.qiniu.com/kodo/bucket/resource?bucketName=jst-static

使用私有npm引入

npm i jst-track -S
import sendTrackData from 'jst-track';


sendTrackData({
        app_key:'jst-gyl-channel',	//应用唯一编号
        event_id:3001,	//事件编号, 2001=页面进入，2002=页面离开，3001=控件点击
        co_id:'1000',	//用户所在公司编号
        user_id:'100000',	//用户编号
        channel_id:'jst-web',	//渠道来源ID, 可以通过url的ffrom字段传入
        duration:'10000',	//页面访问时长,单位秒
        element:'banner',	//控件编码
        element_args:{
            name:'jugongdan'
        },	//控件参数
        nextPageSend:true, // 【特别注意】是否在下一个页面发送请求，只在点击跳转事件下使用
        is_track_prod:false,  // 生产环境才上报，其他环境只会console.log
        aliyunHost:'default'  // default 国内埋点环境（默认可不传） ,overseas 海外埋点环境
});

特别说明：

1. nextPageSend： 在点击跳转事件中，一定要设置nextPageSend为true, 这样发送的埋点信息会暂存在 localStorage中，key为preTrack； 跳转到下一个页面后，埋点库会自动读取localStorage中的preTrack值，上报后，并清除记录；

2. channel_id ： 渠道来源字段，取值逻辑优先级 从url的ffrom字段获取（并且sdk会自动备份在cookies的session中）， 从cookies中的channel_id字段，从localhost中获取

文档：

• 埋点接入方式：https://jushuitan.yuque.com/wg3wz7/otnwwo/zkats0
• 完整参数文档：https://jushuitan.yuque.com/docs/share/34717910-c1db-4300-b560-28c4ff7c5bd8?#