C✳CODEZ.WIN
🌐 हिन्दी

स्थानीयकृत पठन मार्गदर्शिका

applicationinsights-web-tsउद्देश्य, उपयोग और स्रोत

यंत्रbrowser/webएप्लिकेशन इनसाइट्स जावास्क्रिप्ट एसडीके वाले ऐप्स (@microsoft/applicationinsights-webवास्तविक उपयोगकर्ता निगरानी (आरयूएम) के लिए उपयोग करें — पृष्ठ दृश्य, क्लिक,AJAX/fetchनिर्भरताएँ, अपवाद, कस्टम इवेंट और ब्राउज़र-साइड GenAI एजेंट ट्रेस, बैकएंड OpenTelemetry ट्रेस से सहसंबंधित। इसमें SDK लोडर स्क्रिप्ट और npm सेटअप, फ्रेमवर्क एक्सटेंशन (React, React Native, Angular), क्लिक एनालिटिक्स, टेलीमेट्री इनिशियलाइज़र और OTel GenAI सिमेंटिक कन्वेंशन शामिल हैं।agent/tool/modelब्राउज़र से उत्सर्जित स्पैन।

स्रोत प्राप्त किया गया:

स्रोत रिपॉज़िटरी
microsoft/skills
SKILL.md
.github/plugins/azure-sdk-typescript/skills/applicationinsights-web-ts/SKILL.md
रिपॉज़िटरी Star
3,157
रिपॉज़िटरी का अंतिम अपडेट
2026-10-31
क्षमता वर्गीकरण
क्लाउड सेवाएं
अंतिम संग्रह समय

लाइसेंस: MIT

वर्कफ़्लो के अंश केवल पढ़ने में सहायता के लिए हैं, कोडेज़ से निष्पादन योग्य निर्देश नहीं हैं। इस पृष्ठ को बनाने के लिए किसी तृतीय-पक्ष स्किल का उपयोग नहीं किया गया है।

नीचे दिए गए उद्देश्य और कार्यप्रणाली संबंधी अंश प्रारंभिक सामग्री हैं, जिन्हें पढ़ने के लिए व्यवस्थित और अनुवादित किया गया है। ये अलग से लेबल किए गए कोडेज़ संपादकीय विश्लेषण से भिन्न हैं।

यह कौशल क्या करता है

यंत्रbrowser/webएप्लिकेशन इनसाइट्स जावास्क्रिप्ट एसडीके वाले ऐप्स (@microsoft/applicationinsights-webवास्तविक उपयोगकर्ता निगरानी (आरयूएम) के लिए उपयोग करें — पृष्ठ दृश्य, क्लिक,AJAX/fetchनिर्भरताएँ, अपवाद, कस्टम इवेंट और ब्राउज़र-साइड GenAI एजेंट ट्रेस, बैकएंड OpenTelemetry ट्रेस से सहसंबंधित। इसमें SDK लोडर स्क्रिप्ट और npm सेटअप, फ्रेमवर्क एक्सटेंशन (React, React Native, Angular), क्लिक एनालिटिक्स, टेलीमेट्री इनिशियलाइज़र और OTel GenAI सिमेंटिक कन्वेंशन शामिल हैं।agent/tool/modelब्राउज़र से उत्सर्जित स्पैन।

अपस्ट्रीम वर्कफ़्लो कैसे काम करता है

त्वरित प्रारंभ (एनपीएम)

पुकारनाloadAppInsights()ठीक एक बार, जितनी जल्दी हो सके (उपयोगकर्ता की उन गतिविधियों से पहले जिन्हें आप ट्रैक करना चाहते हैं)। फिरtrackPageView()प्रारंभिक भार के लिए — जबenableAutoRouteTrackingयदि यह चालू है, तो बाद में मार्ग परिवर्तन स्वचालित रूप से होंगे।

ऊपर की ओर मार्ग · L59 ↗

त्वरित शुरुआत (एसडीके लोडर स्क्रिप्ट)

जब आप ऑटो-अपडेटिंग SDK और ज़ीरो बिल्ड पाइपलाइन चाहते हैं, तब इसका उपयोग करने की सलाह दी जाती है। इसे पहले के रूप में पेस्ट करें in : Loader-only API (queued until SDK loads): कार्यक्रम पर नज़र रखो, ट्रैकपेजव्यू, ट्रैकअपवाद, पता चलना पता लगाना, ट्रैकडिपेंडेंसीडेटा, ट्रैकमीट्रिक, ट्रैकपेजव्यूपरफॉर्मेंस, स्टार्टट्रैकपेज, स्टॉपट्रैकपेज, स्टार्टट्रैकइवेंट, स्टॉपट्रैकइवेंट, addTelemetryInitializer, setAuthenticatedUserContext, क्लियरऑथेंटिकेटेडयूजरकॉन्टेक्स्ट, फ्लश.

ऊपर की ओर मार्ग · L84 ↗

टाइपस्क्रिप्ट के लिए एप्लीकेशन इनसाइट्स जावास्क्रिप्ट एसडीके (वेब)

ब्राउज़र ऐप्स के लिए रियल यूजर मॉनिटरिंग (RUM) के साथ@microsoft/applicationinsights-webपेज व्यूज स्वतः एकत्रित करता है।AJAX/fetchनिर्भरताएँ, अनहैंडल्ड अपवाद, और (क्लिक एनालिटिक्स प्लगइन के साथ) क्लिक। ओपनटेलीमेट्री जेनएआई सिमेंटिक कन्वेंशन का पालन करने वाले और W के माध्यम से बैकएंड स्पैन से सहसंबंधित कस्टम इवेंट, मेट्रिक्स और जेनएआई एजेंट ट्रेस का समर्थन करता है।3C ट्रेस संदर्भ। > से भिन्नazure-monitor-opentelemetry-tsजो कि इसके लिए हैNode.jsसर्वर ऐप्स। यह कौशल इनके लिए हैbrowser/webकोड (और रिएक्ट नेटिव)।

ऊपर की ओर मार्ग · 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. समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
  2. एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
  3. डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
  4. स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।

कौशल प्रारूप और निर्देशिका विनिर्देश ↗

मूल लेख में आगे पढ़ें

अनुवाद और दायरा

यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।

यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।

पिन किया गया स्रोत
मूल लेख पढ़ें ↗
स्रोत प्राप्त किया गया
स्रोत कमिट
00d66a64919edca5bca2c673373444e36a4b5461
स्रोत SHA-256
05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d
संपूर्ण कौशल सूची पर वापस जाएँ