1. pv/uv统计
pv: 页面重复浏览量
统计方式,多页面应用通常在页面load事件,单页应用通常在页面路由中
uv: 页面独立访客浏览量
统计方式,pv统计的基础上,添加唯一标识,可以是IP地址,用户浏览器localStorage存储的uuid等。
IP地址存在局域网内的共享一个ip、代理、动态ip等误差
uuid存在用户删除localStorage等,需权衡选取,uuid的准确度更高
2. 前端埋点
无侵入式的埋点方式,就是理由冒泡,在dom层级挂载 track-key,记录上报参数,在document层级监听事件,截获埋点参数,触发上报
vue框架,可以使用 v-track 这个库
react框架,可以使用 react-tracking 或者 react-decorator-track
3. 上报埋点的方式
1. gif图get请求上报,首选,get请求,数据量小,支持跨域,无阻塞(new Image无需append到body即可发送请求)
2. img beacon上报,次之,post请求,数据量大,需后端支持跨域
3. ajax上报,最次,需后端支持跨域
埋点库封装可参考 前端埋点sdk封装
4. 前端监控
监控平台可使用
Sentry:
一个开源的前端错误监控工具,可以捕获和报告 JavaScript 和前端框架的错误和异常。它提供详细的错误信息和堆栈跟踪,帮助开发人员快速定位和解决问题。
前端要封装监控库,收集监控信息
标签:pv,前端,uv,监控,埋点,页面 From: https://www.cnblogs.com/mengff/p/17511197.html