applicationinsights-web-ts
Add the Application Insights JavaScript SDK (@microsoft/applicationinsights-web) to browser apps for page views, clicks and AJAX or fetch dependency tracking.
- Kind
- Skill
- Works with
- GitHub Copilot
- Languages
- TypeScript / JavaScript
- Source
- microsoft/skills @ 2130750147de
- Path
- .github/skills/applicationinsights-web-ts/SKILL.md
- License
- MIT
- Jobs
- Implementation
InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
# 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 JavaScript SDK setup" - Query: "Application Insights JavaScript SDK configuration" - Query: "Application Insights JavaScript framework extensions React Angular" - Verify package version: `npm view @microsoft/applicationinsights-web version` ## Packages | Package | Purpose | | --- | --- | | `@microsoft/applicationinsights-web` | Core RUM SDK (page views, AJAX, exceptions). | | `@microsoft/applicationinsights-clickanalytics-js` | Auto-collect click telemetry. | …