页面数据埋点统计方案

本文详细介绍了前端页面数据的埋点统计方案,包括访问设备、环境信息、会话信息、代码信息、访问页面信息的采集,以及停留时间、前端性能的监控。通过load、hashchange、visibilityChange等事件跟踪用户行为,使用navigator.sendBeacon进行数据上报,并讨论了不同上报时间和方式的选择。
摘要由CSDN通过智能技术生成

需要采集的数据

  1. 访问设备: navigator
  2. 环境信息(地理位置): navigator.geolocation
  3. 会话信息:登录接口返回
  4. 代码信息:项目设置相关配置文件
  5. 访问页面信息: load、hashchange、history、visibilityChange事件
  6. 统计操作行为(track this button by an event):click按钮编码、功能性
  7. 停留时间:当前页面是的时间戳减去进入上个页面 的时间戳、load、hashchange、history、visibilityChange事件
  8. 前端性能:performance apis、timing
  9. 上报时间:轮询、webscoket、跳转前发送或最后一次不记录、下一次进入当前页从本地缓存发送
  10. 上报方式:ajax轮询、new Image.src , navigator.sendBeacon("/log", analyticsData);

采集的数据方式

  1. 访问设备:
    pc: navigator
    移动端\微信: navigator、systemInfo
	deviceBrand:
	deviceFamily:
	deviceModel:
	deviceType:
	deviceOrientation:
	idfa:
	androidId:
	IMEI:
	screenHeight:
	screenW
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值