@jushuitan/jst-track

聚水潭前端SLS日志埋点

Usage no npm install needed!

<script type="module">
  import jushuitanJstTrack from 'https://cdn.skypack.dev/@jushuitan/jst-track';
</script>

README

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?#