applicationinsights-web-ts

Name: applicationinsights-web-ts
Availability: InStock
Author: 云漠星河

Track user interactions and performance metrics with the Application Insights JavaScript SDK.

2|Updated Jan 23, 2026

Search Tags:#telemetry #web application #application insights #javascript sdk #real user monitoring

Ready to run

npx skills add https://github.com/yunmoxinghe/Docked-AI --skill applicationinsights-web-ts-yunmoxinghe

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: applicationinsights-web-ts
Source: https://github.com/yunmoxinghe/Docked-AI/tree/main/.kiro/skills/applicationinsights-web-ts
Command: npx skills add https://github.com/yunmoxinghe/Docked-AI --skill applicationinsights-web-ts-yunmoxinghe

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) components.

What problem does it solve?

This Skill helps in instrumenting browser/web applications with the Application Insights JavaScript SDK for Real User Monitoring (RUM), collecting detailed analytics and performance data for better insights into user interactions and app performance.

Core Features & Use Cases

Real User Monitoring: Tracks page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and GenAI agent traces.
SDK Integration: Integrates with the Application Insights JavaScript SDK to collect data from various frameworks like React, React Native, Angular, etc.
Telemetry Initializers: Allows customization and filtering of collected data through telemetry initializers.
Click Analytics: Provides auto-capturing of click telemetry for user interaction analysis.
Distributed Tracing: Enables correlation with backend OpenTelemetry traces for end-to-end tracing.
GenAI Agent Traces: Supports OpenTelemetry GenAI semantic conventions for GenAI agent spans.

Quick Start

Install the required packages and initialize the Application Insights SDK in your web application.

Frequently Asked Questions about applicationinsights-web-ts

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

FAQPage Schema

How do I implement Real User Monitoring with the Application Insights JavaScript SDK?▼

Real User Monitoring with the Application Insights JavaScript SDK tracks user interactions and performance metrics by installing the SDK and configuring connection strings to collect page views, clicks, exceptions, and AJAX dependencies.

Does Application Insights web SDK support React, Angular, and React Native frameworks?▼

Yes, the Application Insights web SDK supports React, React Native, and Angular through dedicated framework plugins, enabling you to collect telemetry and analytics across different web application architectures.

Can I capture click telemetry and user interactions automatically in web applications?▼

Yes, you can capture click telemetry automatically in web applications using the Application Insights click analytics plugin to track detailed user interactions and analyze interaction patterns.

How do I correlate frontend Application Insights traces with backend OpenTelemetry data?▼

You correlate frontend Application Insights traces with backend OpenTelemetry data using distributed tracing, which enables end-to-end correlation across your entire application stack for comprehensive performance monitoring.

What is the best way to filter or customize collected telemetry data in Application Insights?▼

The best way to filter or customize collected telemetry data in Application Insights is by using telemetry initializers, which allow you to modify or drop collected data before it is sent to the server.

Can I track GenAI agent traces using the Application Insights JavaScript SDK?▼

Yes, you can track GenAI agent traces using the Application Insights JavaScript SDK by leveraging support for OpenTelemetry GenAI semantic conventions to capture and monitor GenAI agent spans.