我是一个特别固执的人。 我从来不会在意别人跟我说什么，让我去做。 如果你也可以像我一样（开发一个前端埋点SDK），那我觉得这件事情。 泰裤辣！！！

前端埋点是在产品客户端获取用户行为和使用情况的一种监控方式。通过埋点可以获取到用户行为数据，借助这些数据，可以提升产品使用体验和用户留存率

前言 最近埋点业务接触的不少，于是乎想整理一篇相关的文章出来，分享给大家，也便于自己阅读。 由于是使用 vue2.x 实现的业务，所以埋点是基于vue2.x来的（什么技术栈不重要逻辑是一样的）。 如果

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

代码埋点缺点很明显，侵入式，强耦合业务，特别在不断的迭代情况下产生很多问题，本文就这点做了一些重构优化，保证调用统一性，复用性。命令式埋点还是声明式埋点或其他，一起来探讨吧！

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

写在前面 博主最近半年的时间都在投入 concis react组件库的开发，最近阶段也是想要做一些市面组件库所没有的东西，concis 主要为业务平台开发提供了一系列组件，而埋点在业务中的实用性是很高

在各种大型项目中，流量统计是一项重要工程，统计点击量可以在后端进行监控，但是这局限于调用接口时才能统计到用户点击，而前端埋点监控也是一个统计流量的手段，下面就基于百度统计来完成以下需求。

互联网发展到现在，数据的重要性已经不需要再多的强调，那如何做好数据搜集的工作则是每一家公司都要面临的问题。 数据搜集可以有不同的选择。有的公司选择使用第三方统计的SDK，比如友盟、神策等；有的公司选择自己在产品中注入统计代码，搭建查询系统，当然后者的代价会比较大，但优点就是更贴…