埋点，是网站分析的一种常用的数据采集方法。我们主要用来采集用户行为数据（例如页面访问路径，点击了什么元素）进行数据分析，从而让运营同学更加合理的安排运营计划。现在市面上有很多第三方埋点服务商，百度统计，友盟，growingIO 等大家应该都不太陌生，大多情况下大家都只是使用，最…

说到监控，大家第一时间想到的肯定是 Zabbix、Nagios 等各种强大的后端监控服务。诚然，这些强大的平台通过采集服务器以及链路上各种中间件的数据，为我们的应用稳定起到了不可或缺的保驾护航作用。 然而在互联网的另一端，运行在用户终端上的代码却缺少这样强大的监控能力。 对于资…

测试同学测出来。 缺点：现在浏览器版本、手机机型太多，兼容性问题很难测完全。另外有些项目流程非常长和复杂，测试同学不能确保每次都能覆盖100%的Case； 同事code review。 上线线后用户投诉反馈。 缺点：用户的机型、浏览器百花齐放，我们复现问题很困难。另外大多用户不…

数据埋点是监控用户在应用中的表现行为，对于TO C的产品迭代来说越来越重要。 数据埋点是产品需求分析的来源，检验功能是否达到预期。前端是更贴近用户，我来说说数据埋点在系统开发中的方案。 不同的产品对于数据的关注的角度不同，根据需求来采集和设计不同的方案。比如信息流的产品抖音，关…

区别于传统的靠用户反馈机制开发人员被动接收排查问题的模式来说。流程更短，体验更佳。 目前，转转的前端错误监控体系都是基于 Sentry建立的。之前我们也或对比或使用过业内比较成熟的几个监控产品，例如 Badjs， FrontJS， Fundebug等。但要么就是用起来繁琐，要么…

在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。 如果你的应用有接入到web apm系统中，那么你可能就知道apm系统能帮你捕…

由于前端环境的复杂性， 很多时候，我们不只是需要关注用户报出的错误， 还想知道是什么情况下发送，如何复现，这时候用户轨迹就很重要了。 1. 常见实现方案 a. 业界牛选： Sentry， sentry是一款很强大的前端错误监控软件， 并且可以通过安装plugins来实现其他很多…

在使用ant design文档的过程中发现，antd使用了一个叫做logRocket的录屏框架，于是立马将logRocket用在自己的项目当中，测试它的功能。 logRocket网站将采集到的数据，按照人员和session进行分类，观看各人员的操作回放，可以发现系统中某些操作的…

不具有代码埋点的灵活性和深度，无法采集到特殊的行为动作、业务参数，绝大多数达不到产品所需要求，因此获得收益较低。 无埋点一般用来做粗粒度的快速业务探索。 对我们目前项目而言，全埋点带来的效益不大，虽然可以回溯历史的一些数据，但是只能知道一些很简单的数据，价值很少，付出的比较多…