一个轻量级react埋点组件

仓库地址：github.com/azoth1991/a…

实现了一个轻量级埋点组件，目前只实现了页面埋点和点击埋点。

使用方法

引入

import autoTrack from './AutoTrack.js';
复制代码

调用

autoTrack({
  pageCallback: this.pageCallback, // 页面埋点回调
  eventCallback: this.eventCallback, //点击埋点回调
});
复制代码

页面插入埋点信息:
1、在组件上需要埋点的位置加入logpage
2、在点击事件onClick同级写上logevent

"App" logpage={{type:'logPage'}}>
    {arrData.map(v=>{
      return 
"item" onClick={this.handleClick} logevent={{type:'logEvent', key:v}} key={v}>{v}
    })}

复制代码

效果

展望

打算加入曝光埋点

转载于:https://juejin.im/post/5c98e4465188252d812c5c34