skills.rest
microsoft
microsoftOFFICIAL
Explore all skills by this author →
Website𝕏@OpenAtMicrosoftGitHub

applicationinsights-web-ts

Initialize Application Insights in TypeScript for web monitoring and error tracking.

2.9k|323|Updated Jan 16, 2026
Search Tags:#performance monitoring#error tracking#application insights#real user monitoring#web application monitoring
One-click install
npx skills add https://github.com/microsoft/skills --skill applicationinsights-web-ts-microsoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: applicationinsights-web-ts
Source: https://github.com/microsoft/skills/tree/main/.github/plugins/azure-sdk-typescript/skills/applicationinsights-web-ts
Command: npx skills add https://github.com/microsoft/skills --skill applicationinsights-web-ts-microsoft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @microsoft/applicationinsights-web, @microsoft/applicationinsights-clickanalytics-js, @microsoft/applicationinsights-react-js, @microsoft/applicationinsights-react-native, @microsoft/applicationinsights-angularplugin-js, @microsoft/applicationinsights-debugplugin-js, @microsoft/applicationinsights-perfmarkmeasure-js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers monitor and trace web applications using the Application Insights JavaScript SDK, providing insights into real user monitoring, performance, and error tracking.

Core Features & Use Cases

  • Real User Monitoring (RUM): Collects data on user interactions, such as page views, clicks, and exceptions, for better understanding of user experience.
  • Performance Monitoring: Tracks performance metrics like load times and network requests, helping identify bottlenecks.
  • Error Tracking: Captures and reports errors, exceptions, and unhandled rejections to aid in debugging.
  • Use Case: For a e-commerce website, this Skill can be used to monitor page load times, track user interactions, and identify errors that occur during the checkout process.

Quick Start

Initialize Application Insights in your TypeScript project and start tracking page views and custom events.

Frequently Asked Questions about applicationinsights-web-ts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I track web application errors and performance with Application Insights in TypeScript?▼

Track web application errors and performance by initializing the Application Insights JavaScript SDK in your TypeScript project to automatically collect real user monitoring data, page views, and unhandled exceptions.

What is real user monitoring and how does it work for web applications?▼

Real user monitoring (RUM) collects data on client-side user interactions like page views, clicks, and exceptions to help developers understand user experience and identify frontend performance bottlenecks.

Can I use Application Insights with React, Angular, or React Native?▼

Yes, Application Insights supports React, Angular, and React Native through dedicated framework plugins like @microsoft/applicationinsights-react-js and @microsoft/applicationinsights-angularplugin-js for extended tracking.

Does Application Insights support OpenTelemetry for distributed tracing?▼

Yes, the Application Insights JavaScript SDK supports OpenTelemetry for distributed tracing and includes GenAI semantic conventions to capture AI agent traces across web applications.

How do I add click analytics to my web application monitoring setup?▼

You can add click analytics by installing the @microsoft/applicationinsights-clickanalytics-js plugin, which extends the core Application Insights SDK to track detailed user click interactions.

Related Skills

Explore More Software Engineering Skills→
MudassarAbrarMudassarAbrar

appinsights-instrumentation

Instrument ASP.NET Core and Node.js apps with Azure App Insights telemetry.

Community
Intermediate
BagelHoleBagelHole
46

opentelemetry

Instrument applications and infrastructure with OpenTelemetry for unified traces, metrics, and logs.

Community
Intermediate
microsoftmicrosoft
242

appinsights-instrumentation

Instrument ASP.NET Core and Node.js apps to send telemetry to Azure Application Insights.

Official
Intermediate
raphaelmansuyraphaelmansuy
2

otel-observability

Enable OpenTelemetry traces, metrics, and logs across AgentStack components.

Community
Advanced