埋点

前言

迭代中涉及了埋点，总结一下，本文主要涉及在已有前端工程中进行埋点的内容。

场景

需要在Web端和小程序端 进行埋点处理，主要针对浏览页面等大面积事件，特定事件可单独处理（暂不做讨论）
Web端：React框架
小程序：MpVue框架

方案

因资源不足，故采用第三方埋点方案——易观方舟。
对于后端而已，分析工作由第三方代替了，对于前端而已，设计与改动还是一样要做的。

• 对于第三方埋点sdk进行二次封装，便于后期更换和做相应的统一修改
• 对于Web端，可以在react-router上进行全局监听，或者对renderRoutes进行重写

//unlisten为监听注销函数，可在componentWillUnmount阶段进行调用
 this.unlisten=this.props.history.listen(()=>{
    //监听内容
 })
 

• 小程序方面，因为小程序其实并没有像Web端那样的路由，所以没有办法直接进行控制监听
  1.一种是一个一个页面调用，在时间紧迫、页面数量级小的情况下可以使用
  2.一种是重写，重写page,或者重写onShow，在时间充裕可调试的情况下可以尝试

  两者都有一定的入侵性