Web 接入場景
更新時間 2025-09-18 14:41:50
最近更新時間: 2025-09-18 14:41:50
分享文章
通過 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請求，靜態資源上報數據量可能較大。可根據實際情況選擇開啟
