Web 接入场景
更新时间 2025-06-27 19:07:08
最近更新时间: 2025-06-27 19:07:08
通过 CDN 方式接入
访问 前端监控控制台。
左侧导航栏选择 设置 -> 接入步骤。
按需勾选配置项,便于快捷生成待插入页面的 SDK 代码配置项。
4. 复制下方的代码,并粘贴至页面HTML中 <body>内容的第一行,然后重新部署 Web 站点。
通过 NPM 方式接入
访问 前端监控控制台。
左侧导航栏选择 设置 -> 接入步骤 -> 切换 tab 到 “NPM 引入”。
根据指示,安装 @ctyun/fe-monitor 依赖,并在项目里引入和实例化 SDK。
配置项说明
选项 | 说明 |
---|---|
开启 API 自动全量上报 | 开启后,将会自动监听并上报 Web 应用发起的所有 fetch、 xhr 请求。 |
开启 SPA 自动解析 | 开启后,会监听页面的 hashchange 事件并自动上报PV,适用于SPA(Single-Page Application,单页面应用)场景。 |
开启静态资源上报 | 开启后,会监听并上报 Web 应用所有静态资源(js/css/图片等)的加载结果。 |
注意
1. 配置项只是下方 SDK 接入代码的快捷修改方式,并不会马上产生作用,每次修改后需要更新接入的代码重新部署才会生效
2. API请求,静态资源上报数据量可能较大。可根据实际情况选择开启