这是我参与「第四届青训营 」笔记创作活动的的第19天
我们团队的大项目选题为「前端监控」。在此，我将记录一些项目相关的前置知识点。
前端监控 前置知识点 Vol. 2
前端监控流程
- 前端埋点 - 时机（点击事件、页面加载、登录、退出）
- 数据上报
- 分析和计算 - 将收集到的数据进行加工汇总
- 可视化展示 - 讲数据按各种维度进行展示
- 监控报警 - 发现问题后按一定的条件触发报警
埋点方案
代码埋点
- 嵌入代码：例如监控用户点击事件，在用户点击时插入代码，保存这个监听行为或将其以某种数据格式直接传递给服务器端
- 优点：任意时刻，精确发送或保存所需的数据信息
- 缺点：工作量大
可视化埋点
- 可视化交互式埋点
- 将业务代码和埋点代码分离
- 本质是用系统来代替手工插入埋点代码
无痕埋点
- 前端的任意一个事件都被绑定一个标识，所有事件均被记录
- 定期上传记录文件，配合文件解析，生成可视化报告供专业人员分析
- 优点：采集全量数据，避免漏埋和误埋
- 缺点：给数据传输和服务器增加压力，也无法灵活定制数据结构
个人思考
我们组的项目主要将会采用代码埋点的方案，针对用户打开网页、与网页互动的关键时间点埋点，计算出有助于数据分析、商业决策的关键网络信息，以及能够描绘网络性能的数据。
此外，我们还将搜集如操作系统、设备、地域分布、访问时段等用户信息，这样可以了解用户的 OS 状况，帮助分析用户群体的特征。特别是对于移动端开发者来说，了解用户 iOS 和 Android 的分布有着重要的决策意义。
