C✳CODEZ.WIN
🌐 简体中文

Skill 多语言阅读指南

applicationinsights-web-ts用途、用法与原始来源

乐器browser/web使用 Application Insights JavaScript SDK 的应用程序@microsoft/applicationinsights-web用于真实用户监控 (RUM) — 页面浏览量、点击量、AJAX/fetch依赖项、异常、自定义事件以及与后端 OpenTelemetry 跟踪关联的浏览器端 GenAI 代理跟踪。涵盖 SDK 加载脚本和 npm 设置、框架扩展(React、React Native、Angular)、点击分析、遥测初始化器以及 OTel GenAI 语义约定。agent/tool/model浏览器发出的 span 元素。

原文采集时间:

来源仓库
microsoft/skills
SKILL.md
.github/plugins/azure-sdk-typescript/skills/applicationinsights-web-ts/SKILL.md
仓库 Star
3,157
仓库最近更新
2026/10/31
能力分类
云服务
最近采集时间

许可:MIT

流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill,不属于实测评测。

下面的用途和操作片段来自上游文档,由本站整理并翻译,和另行标注的 Codez 编辑分析分开展示。

这个 Skill 能做什么

乐器browser/web使用 Application Insights JavaScript SDK 的应用程序@microsoft/applicationinsights-web用于真实用户监控 (RUM) — 页面浏览量、点击量、AJAX/fetch依赖项、异常、自定义事件以及与后端 OpenTelemetry 跟踪关联的浏览器端 GenAI 代理跟踪。涵盖 SDK 加载脚本和 npm 设置、框架扩展(React、React Native、Angular)、点击分析、遥测初始化器以及 OTel GenAI 语义约定。agent/tool/model浏览器发出的 span 元素。

如何使用:上游操作流程

快速入门(npm)

称呼loadAppInsights()只执行一次,越早越好(在你想要追踪的用户交互之前)。trackPageView()对于初始负载——当enableAutoRouteTracking开启后,后续路线变更将自动进行。

原文片段 · L59 ↗

快速入门(SDK 加载脚本)

如果您需要自动更新 SDK 和零构建流程,建议使用此方法。请将此内容粘贴为第一个 in : Loader-only API (queued until SDK loads): 赛道活动, trackPageView, 跟踪异常, 追踪, 跟踪依赖数据, trackMetric, 跟踪页面浏览性能, 开始跟踪页, 停止跟踪页, 开始赛道事件, 停止赛道事件, 添加遥测初始化器, 设置已验证用户上下文, 清除已验证用户上下文, 冲洗。

原文片段 · L84 ↗

Application Insights JavaScript SDK(Web 版)

浏览器应用程序的真实用户监控 (RUM)@microsoft/applicationinsights-web自动收集页面浏览量,AJAX/fetch支持依赖项、未处理的异常以及(通过 Click Analytics 插件)点击事件。支持遵循 OpenTelemetry GenAI 语义约定并通过 W 与后端跨度关联的自定义事件、指标和 GenAI 代理跟踪。3C 跟踪上下文。> 与azure-monitor-opentelemetry-ts,这是为了Node.js服务器应用程序。这项技能适用于browser/web代码(以及 React Native)。

原文片段 · L11 ↗

环境与依赖

安装

打字稿随包裹一起寄送,无需单独购买。@types/...需要安装。

原文片段 · L38 ↗
原文片段 · 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

限制与结果检查

常见陷阱

不要初始化两次。在不同的捆绑包下重新导入模块会导致重复的页面浏览。请使用单个共享模块导出。在用户首次输入之前进行初始化,以避免丢失早期数据。clicks/exceptions.

原文片段 · L412 ↗

开始使用前

  1. 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档,只复制 SKILL.md 可能漏掉依赖。
  2. 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境,本站不假定存在通用的安装命令。
  3. 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作,应逐项核对后再授权。
  4. 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高,都不能证明结果正确。

Skill 文件与目录格式规范 ↗

继续阅读原始文档

翻译与介绍范围

本页从固定版本的上游 SKILL.md 整理用途与操作片段,译文使用辅助翻译。它不是完整手册,也不代表经过兼容性实测;使用前请核对原文及其引用文件。

介绍依据下方列出的固定版本;当前仓库动态和目录采集时间单独展示。

固定版本来源
阅读原文 ↗
原文采集时间
来源提交版本
00d66a64919edca5bca2c673373444e36a4b5461
原文 SHA-256
05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d
返回完整 Skill 目录