埋点是一种用户做用户行为分析的一种方式，包括但不限于我们常说的pv/uv，这只是最基础的统计数据，并且适用多种终端，IOS、Android、H5、Web、小程序等。由于产品、运营、开发对埋点的理解不尽相同，所以先从H5开发的角度来记录一下心得，产品和运营人员也可以作为参考。代码基于vue书写。

埋点的用途

我所能接触到项目中运用前端埋点的用途大致分为两类：

• 运营统计
  从产品及运营的角度，我们需要知道一个页面的pv、uv、停留时间、操作系统、用户设备、用户操作顺序等，帮助产品优化体验，精准运营。
• 优化研发
  在研发人员来看，增加埋点可以作为性能监控的一种方式。例如分析http请求时间，页面渲染速度等。

埋点方案

手动埋点

就是在js代码里需要监控操作的地方插入逻辑处理，来做埋点想做的用途。这种埋点比较好理解，符合平时开发习惯，适合做比较深入的自定义统计和分析，常见的接入友盟等第三方就是采用这种方式。但是缺点也比较明显，工作量大，错误率高。

有些简单的数据使用js原生提供的属性就能获得，无需额外写逻辑代码。

就是在js代码里需要监控操作的地方插入逻辑处理，来做埋点想做的用途。这种埋点比较好理解，符合平时开发习惯，适合做比较深入的自定义统计和分析，常见的接入友盟等第三方就是采用这种方式。但是缺点也比较明显，工作量大，错误率高

• 命令式埋点
• 声明式埋点

可视化埋点

全埋点