bnd-tracking v0.2.5

bnd-tracking 数据埋点

安装

npm install bnd-tracking

使用

全埋点

在入口文件index.js或者main.js中

import BndTracking from 'bnd-tracking'
...
let tracking=new BndTracking({
  appKey:'aa2683ab-8799-4ff1-ac0e-fca329271ff9',//appKey要问大数据（陈宇新）拿 
  ENV:'test',//每个环境对应的appKey不同  test测试 beta体验 production生产  默认是production
  maxLength:50,//默认每50条记录就会提交
  idKey:'userId',//有用户信息的情况下sessionStorage里面必须存userId，默认key是'userId',可以修改。没用户信息的直接忽略。
  isOpenId:false//是否是openId，默认false
})
// {
//   ...
//   isOpenId:true//中台使用openId，如果是，sessionStorage要存openId，idKey也要设置
//   idKey:'openId',//默认'userId',可以修改
//   ...
// }
router.beforeEach(tracking.beforeEach)

Vue.use(tracking)
...

成功接入

成功接入后,localStorage中会有trackingLog记录

特定的埋点

全局注册了 v-track 指令

<!--使用 v-track指令
普通的点击事件 eventType='click'
可以直接传eventId
也可以传入对象
{
  eventType:'click',//默认是click 
  eventId:'test',//必传 埋点的唯一id
  title：'测试',//埋点的简单描述，不传则取按钮的innerText
}
-->
<button v-track="'test'">测试</button>
<button v-track="{eventType:'search',eventId:'test',title:'测试'}">测试</button>

//eventType的类型有
 new Map(
[  ['click', '按钮点击'],
['query', '表单查询'],
['submit', '表单提交'],
['search', '搜索框搜索'],
['pageView', '页面浏览'],
['choice', '选择表单'],
['other', '其他']]
)

直接调用

已在Vue实例中挂载了 $track 方法

...
 this.$track({
      eventType:'', 
      title:'',
      eventId:''
   })
...