Guía de lectura localizada

applicationinsights-web-tsFinalidad, uso y origen

Instrumentobrowser/webaplicaciones con el SDK de JavaScript de Application Insights (@microsoft/applicationinsights-web). Uso para monitoreo de usuarios reales (RUM): vistas de página, clics,AJAX/fetchdependencias, excepciones, eventos personalizados y trazas del agente GenAI del lado del navegador correlacionadas con trazas de OpenTelemetry del backend. Cubre el script de carga del SDK y la configuración de npm, extensiones de framework (React, React Native, Angular), Click Analytics, inicializadores de telemetría y convenciones semánticas de OTel GenAI paraagent/tool/modelsegmentos emitidos desde el navegador.

Fuente recuperada: 2026-10-29

Repositorio de origen: microsoft/skills
SKILL.md: .github/skills/applicationinsights-web-ts/SKILL.md
Estrellas del repositorio: 3,157
Actualización del repositorio: 2026-10-31
Clasificación de habilidades: Desarrollo
Última recopilación: 2026-10-31 10:38 UTC+08:00

Licencia: MIT

SKILL.md original

Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.

Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.

Lo que hace esta habilidad

Cómo funciona el flujo de trabajo ascendente

Inicio rápido (npm)

LlamarloadAppInsights()exactamente una vez, lo antes posible (antes de las interacciones del usuario que desea rastrear). LuegotrackPageView()para la carga inicial — cuandoenableAutoRouteTrackingSi está activado, los cambios de ruta posteriores son automáticos.

Paso río arriba · L59 ↗

Inicio rápido (Script de carga del SDK)

Recomendado cuando se desea un SDK de actualización automática y una canalización de compilación cero. Pegue esto como el primer in : Loader-only API (queued until SDK loads): seguimiento de eventos, trackPageView, trackException, Rastreo de pista, seguimientoDeDependenciaDatos, trackMetric, Seguimiento del rendimiento de las páginas vistas, Página de inicio de la pista, stopTrackPage, evento de inicio de pista, evento de seguimiento de parada, Agregar inicializador de telemetría, establecerContextoUsuarioAutenticado, clearAuthenticatedUserContext, vaciar.

Paso río arriba · L84 ↗

SDK de JavaScript de Application Insights (Web) para TypeScript

Monitoreo de usuarios reales (RUM) para aplicaciones de navegador con@microsoft/applicationinsights-web. Recopila automáticamente las visitas a la página,AJAX/fetchdependencias, excepciones no controladas y (con el complemento Click Analytics) clics. Admite eventos personalizados, métricas y seguimientos de agentes GenAI que siguen las convenciones semánticas de OpenTelemetry GenAI y se correlacionan con los tramos del backend a través de W3Contexto de traza C. > Distinto deazure-monitor-opentelemetry-ts, que es paraNode.jsaplicaciones de servidor. Esta habilidad es parabrowser/webcódigo (y React Native).

Paso río arriba · L11 ↗

Requisitos y configuración

Instalación

Los tipos se envían con el paquete, no se envían por separado.@types/...Instalación necesaria.

Paso río arriba · L38 ↗

Paso río arriba · bash ↗

npm i --save @microsoft/applicationinsights-web
# Optional plugins (install only what you use):
npm i --save @microsoft/applicationinsights-clickanalytics-js
npm i --save @microsoft/applicationinsights-react-js @microsoft/applicationinsights-react-native @microsoft/applicationinsights-angularplugin-js

Límites y controles de calidad

Errores comunes

No inicialice dos veces. Reimportar el módulo en diferentes paquetes produce vistas de página duplicadas. Utilice una única exportación de módulo compartida. Inicialice antes de la primera interacción del usuario para evitar perder datos iniciales.clicks/exceptions.

Paso río arriba · L412 ↗

Comience con una prueba segura.

Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.

Especificación del formato y directorio de habilidades ↗

Lea más en la fuente

Traducción y alcance

Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.

Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.

Fuente fijada: Lee el original ↗
Fuente recuperada: 2026-10-29T09:32:23Z
Confirmación de origen: 00d66a64919edca5bca2c673373444e36a4b5461
Fuente SHA-256: 05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d

Volver al catálogo completo de habilidades