C✳CODEZ.WIN
🌐 繁體中文

Skill 多語言閱讀指南

applicationinsights-web-ts用途、用法與原始來源

樂器browser/web使用 Application Insights JavaScript SDK 的應用程式@microsoft/applicationinsights-web用於真實使用者監控 (RUM) — 頁面瀏覽量、點擊量、AJAX/fetch依賴項、異常、自訂事件以及與後端 OpenTelemetry 追蹤關聯的瀏覽器端 GenAI 代理程式追蹤。涵蓋 SDK 載入腳本和 npm 設定、框架擴充（React、React Native、Angular）、點擊分析、遙測初始化器以及 OTel GenAI 語意約定。agent/tool/model瀏覽器發出的 span 元素。

原文擷取時間:

來源儲存庫
microsoft/skills
SKILL.md
.github/plugins/azure-sdk-typescript/skills/applicationinsights-web-ts/SKILL.md
儲存庫 Star
3,157
儲存庫最近更新
2026-10-31
能力分類
雲端服務
最近採集時間

授權：MIT

原始 SKILL.md

流程片段用來協助閱讀上游說明。本頁沒有執行第三方 Skill，不屬於實測評測。

下面的用途與操作片段來自上游文件，由本站整理並翻譯，和另行標示的 Codez 編輯分析分開呈現。

這個 Skill 能做什麼

樂器browser/web使用 Application Insights JavaScript SDK 的應用程式@microsoft/applicationinsights-web用於真實使用者監控 (RUM) — 頁面瀏覽量、點擊量、AJAX/fetch依賴項、異常、自訂事件以及與後端 OpenTelemetry 追蹤關聯的瀏覽器端 GenAI 代理程式追蹤。涵蓋 SDK 載入腳本和 npm 設定、框架擴充（React、React Native、Angular）、點擊分析、遙測初始化器以及 OTel GenAI 語意約定。agent/tool/model瀏覽器發出的 span 元素。

如何使用：上游操作流程

快速入門（npm）

稱呼loadAppInsights()只執行一次，越早越好（在你想要追蹤的用戶互動之前）。trackPageView()對於初始負載——當enableAutoRouteTracking開啟後，後續路線變更將自動進行。

原文片段 · L59 ↗

快速入門（SDK 載入腳本）

如果您需要自動更新 SDK 和零建置流程，建議使用此方法。請將此內容貼為第一個 in : Loader-only API (queued until SDK loads): 賽道活動, trackPageView, 追蹤異常, 追蹤, 追蹤依賴數據, trackMetric, 追蹤頁面瀏覽效能, 開始追蹤頁, 停止追蹤頁, 開始賽道事件, 停止賽道事件, 新增遙測初始化器, 設定已驗證使用者上下文, 清除已驗證使用者上下文, 沖洗。

原文片段 · L84 ↗

Application Insights JavaScript SDK（Web 版）

瀏覽器應用程式的真實使用者監控 (RUM)@microsoft/applicationinsights-web自動收集頁面瀏覽量，AJAX/fetch支援依賴項、未處理的異常以及（透過 Click Analytics 插件）點擊事件。支援遵循 OpenTelemetry GenAI 語義約定並透過 W 與後端跨度關聯的自訂事件、指標和 GenAI 代理程式追蹤。3C 追蹤上下文。 > 與azure-monitor-opentelemetry-ts，這是為了Node.js伺服器應用程式。這項技能適用於browser/web程式碼（以及 React Native）。

原文片段 · L11 ↗

環境與相依需求

安裝

打字稿隨包裹寄送，無需單獨購買。@types/...需要安裝。

原文片段 · L38 ↗
原文片段 · bash ↗
npm i --save @microsoft/applicationinsights-web
# Optional plugins (install only what you use):
npm i --save @microsoft/applicationinsights-clickanalytics-js
npm i --save @microsoft/applicationinsights-react-js @microsoft/applicationinsights-react-native @microsoft/applicationinsights-angularplugin-js

限制與結果檢查

常見陷阱

不要初始化兩次。在不同的捆綁包下重新匯入模組會導致重複的頁面瀏覽。請使用單一共享模組導出。在使用者首次輸入之前進行初始化，以避免遺失早期資料。clicks/exceptions.

原文片段 · L412 ↗

開始使用前

  1. 先核對支援的 Agent 宿主和儲存庫安裝說明。保留完整 Skill 目錄及其引用的腳本、資源和文件，只複製 SKILL.md 可能遺漏相依需求。
  2. 向 Agent 提供實際輸入、預期輸出和驗收標準。呼叫方式與可用工具取決於宿主環境，本站不假定存在通用的安裝指令。
  3. 先在暫存專案或輸入副本上試用。涉及修改檔案、遠端服務或計費資源的操作，應逐項核對後再授權。
  4. 依照原文檢查項目和自己的需求驗證輸出。成功觸發或儲存庫 Star 較高，都不能證明結果正確。

Skill 檔案與目錄格式規範 ↗

繼續閱讀原始文件

翻譯與介紹範圍

本頁從固定版本的上游 SKILL.md 整理用途與操作片段，譯文使用輔助翻譯。它不是完整手冊，也不代表經過相容性實測；使用前請核對原文及其引用檔案。

介紹依據下方列出的固定版本；目前儲存庫動態和目錄擷取時間分開呈現。

固定版本來源
閱讀原文 ↗
原文擷取時間
來源提交版本
00d66a64919edca5bca2c673373444e36a4b5461
原文 SHA-256
05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d
返回完整 Skill 目錄