前言
迭代中涉及了埋点，总结一下，本文主要涉及在已有前端工程中进行埋点的内容。
场景
需要在Web端和小程序端 进行埋点处理，主要针对浏览页面等大面积事件，特定事件可单独处理（暂不做讨论）
Web端：React框架
小程序：MpVue框架
方案
因资源不足，故采用第三方埋点方案——易观方舟。
对于后端而已，分析工作由第三方代替了，对于前端而已，设计与改动还是一样要做的。
- 对于第三方埋点sdk进行二次封装，便于后期更换和做相应的统一修改
- 对于Web端，可以在react-router上进行全局监听，或者对renderRoutes进行重写
//unlisten为监听注销函数，可在componentWillUnmount阶段进行调用
this.unlisten=this.props.history.listen(()=>{
//监听内容
})
-
小程序方面，因为小程序其实并没有像Web端那样的路由，所以没有办法直接进行控制监听
1.一种是一个一个页面调用，在时间紧迫、页面数量级小的情况下可以使用
2.一种是重写，重写page,或者重写onShow，在时间充裕可调试的情况下可以尝试两者都有一定的入侵性
网友评论