skills.rest
rrbanda
rrbandaCOMMUNITY
Explore all skills by this author →
GitHub

applicationinsights-web-ts

Instrument browser telemetry for web apps using the Application Insights JavaScript SDK.

Updated Aug 23, 2026
Search Tags:#spa#web#distributed-tracing#genai#application-insights#rum#frontend-telemetry
One-click install
npx skills add https://github.com/rrbanda/skills --skill applicationinsights-web-ts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: applicationinsights-web-ts
Source: https://github.com/rrbanda/skills/tree/main/skills/devops/applicationinsights-web-ts
Command: npx skills add https://github.com/rrbanda/skills --skill applicationinsights-web-ts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Instrument browser telemetry for web apps using the Application Insights JavaScript SDK to enable real-user monitoring, performance visibility, and client-side diagnostics across frameworks.

Core Features & Use Cases

  • Real User Monitoring (RUM) for SPAs: track page views, route changes, AJAX/fetch calls, and exceptions.
  • Framework extensions: React, Angular, and React Native plugins to simplify router instrumentation and component telemetry.
  • GenAI agent traces: correlate frontend spans with backend telemetry using OpenTelemetry semantics.

Quick Start

Install and initialize App Insights in your web app to begin tracking page views, AJAX calls, and errors.

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 page views and AJAX calls in a single page application using Application Insights?▼

You can track page views, route changes, and AJAX calls in a single page application by initializing the Application Insights JavaScript SDK to enable real-user monitoring and client-side diagnostics across web frameworks.

Can I correlate frontend telemetry with backend distributed traces?▼

Yes, you can correlate frontend telemetry with backend distributed traces by using OpenTelemetry semantics and GenAI agent tracing conventions to link frontend spans with backend application traces.

Does Application Insights work with React, Angular, and React Native for frontend telemetry?▼

Yes, Application Insights supports framework extensions for React, Angular, and React Native, providing plugins that simplify router instrumentation and component telemetry for your specific web framework.

What is real-user monitoring and how does it handle client-side exceptions?▼

Real-user monitoring tracks frontend performance and client-side exceptions by using the Application Insights JavaScript SDK to collect browser telemetry, providing visibility into user interactions and runtime errors.

How do I customize telemetry data before sending it to Application Insights?▼

You can customize telemetry data before transmission by using telemetry initializers and configuring plugins during the initialization of the Application Insights JavaScript SDK in your web application.

What are the limitations of browser telemetry collection for SPAs?▼

Browser telemetry collection for SPAs requires proper SDK initialization and plugin configuration to accurately track route changes and distributed tracing, demanding careful setup to avoid missing frontend events.

Related Skills

Explore More Software Engineering Skills→
mahmoud20138mahmoud20138
10

appinsights-instrumentation

Guide Azure Application Insights instrumentation for ASP.NET Core, Node.js, and Python apps.

Community
Intermediate
microsoftmicrosoft
2.9k

applicationinsights-web-ts

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

Official
Intermediate
hoangnh2412hoangnh2412
12

caching-dotnet-otel-redis

Instrument Redis cache connections with OpenTelemetry tracing in .NET 9 projects.

Community
Intermediate
azaslonovazaslonov

appinsights-instrumentation

Integrate Azure Application Insights SDKs into web applications for telemetry collection.

Community
Intermediate