applicationinsights-web-ts
支持页面、依赖、异常与点击等自动采集并可关联 GenAI 跟踪。
配置遥测会向 Azure 发送数据，需注意隐私和密钥管理。
基于 @microsoft/applicationinsights-web 为浏览器应用接入实时用户监控。
用于给浏览器应用接入实时用户监控（RUM），能自动收集页面浏览、AJAX/fetch、异常和点击等前端遥测数据。适合想了解真实用户行为、前端性能瓶颈或把前端链路与后端追踪关联起来的场景。亮点是基于 @microsoft/applicationinsights-web，支持 React/Angular 插件、Click Analytics，以及把浏览器端的 GenAI trace 与 OpenTelemetry 语义对齐。
▸ 展开 SKILL.md 英文原文
Instrument browser/web apps with the Application Insights JavaScript SDK (@microsoft/applicationinsights-web). Use for Real User Monitoring (RUM) — page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and browser-side GenAI agent traces correlated to backend OpenTelemetry traces. Covers SDK Loader Script and npm setup, framework extensions (React, React Native, Angular), Click Analytics, telemetry initializers, and OTel GenAI semantic conventions for agent/tool/model spans emitted from the browser.
帮我安装这个 skill：https://raw.githubusercontent.com/microsoft/skills/main/.github/skills/applicationinsights-web-ts/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/microsoft/skills/main/.github/skills/applicationinsights-web-ts/SKILL.md"# Application Insights JavaScript SDK (Web) for TypeScript Real User Monitoring (RUM) for browser apps with `@microsoft/applicationinsights-web`. Auto-collects page views, AJAX/fetch dependencies, unhandled exceptions, and (with the Click Analytics plugin) clicks. Supports custom events, metrics, and **GenAI agent traces** that follow OpenTelemetry GenAI semantic conventions and correlate to backend spans via W3C Trace Context. > **Distinct from `azure-monitor-opentelemetry-ts`**, which is for Node.js server apps. This skill is for **browser/web** code (and React Native). ## Before Implementation Search `microsoft-docs` MCP for current API patterns: - Query: "Application Insights JavaSc