實現了一個輕量級埋點元件,目前只實現了頁面埋點和點選埋點。
使用方法
引入
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>
複製程式碼
效果
展望
打算加入曝光埋點