一個輕量級react埋點元件

azothzzz發表於2019-03-25

倉庫地址:github.com/azoth1991/a…

實現了一個輕量級埋點元件,目前只實現了頁面埋點和點選埋點。

使用方法

引入

import autoTrack from './AutoTrack.js';
複製程式碼

呼叫

autoTrack({
  pageCallback: this.pageCallback, // 頁面埋點回撥
  eventCallback: this.eventCallback, //點選埋點回撥
});
複製程式碼

頁面插入埋點資訊:
1、在元件上需要埋點的位置加入logpage
2、在點選事件onClick同級寫上logevent

<div className="App" logpage={{type:'logPage'}}>
    {arrData.map(v=>{
      return <div className="item" onClick={this.handleClick} logevent={{type:'logEvent', key:v}} key={v}>{v}</div>
    })}
</div>
複製程式碼

效果

一個輕量級react埋點元件

展望

打算加入曝光埋點

相關文章