स्थानीयकृत पठन मार्गदर्शिका
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यदि यह चालू है, तो बाद में मार्ग परिवर्तन स्वचालित रूप से होंगे।
त्वरित शुरुआत (एसडीके लोडर स्क्रिप्ट)
जब आप ऑटो-अपडेटिंग SDK और ज़ीरो बिल्ड पाइपलाइन चाहते हैं, तब इसका उपयोग करने की सलाह दी जाती है। इसे पहले के रूप में पेस्ट करें in : Loader-only API (queued until SDK loads): कार्यक्रम पर नज़र रखो, ट्रैकपेजव्यू, ट्रैकअपवाद, पता चलना पता लगाना, ट्रैकडिपेंडेंसीडेटा, ट्रैकमीट्रिक, ट्रैकपेजव्यूपरफॉर्मेंस, स्टार्टट्रैकपेज, स्टॉपट्रैकपेज, स्टार्टट्रैकइवेंट, स्टॉपट्रैकइवेंट, addTelemetryInitializer, setAuthenticatedUserContext, क्लियरऑथेंटिकेटेडयूजरकॉन्टेक्स्ट, फ्लश.
टाइपस्क्रिप्ट के लिए एप्लीकेशन इनसाइट्स जावास्क्रिप्ट एसडीके (वेब)
ब्राउज़र ऐप्स के लिए रियल यूजर मॉनिटरिंग (RUM) के साथ@microsoft/applicationinsights-webपेज व्यूज स्वतः एकत्रित करता है।AJAX/fetchनिर्भरताएँ, अनहैंडल्ड अपवाद, और (क्लिक एनालिटिक्स प्लगइन के साथ) क्लिक। ओपनटेलीमेट्री जेनएआई सिमेंटिक कन्वेंशन का पालन करने वाले और W के माध्यम से बैकएंड स्पैन से सहसंबंधित कस्टम इवेंट, मेट्रिक्स और जेनएआई एजेंट ट्रेस का समर्थन करता है।3C ट्रेस संदर्भ। > से भिन्नazure-monitor-opentelemetry-tsजो कि इसके लिए हैNode.jsसर्वर ऐप्स। यह कौशल इनके लिए हैbrowser/webकोड (और रिएक्ट नेटिव)।
आवश्यकताएँ और सेटअप
इंस्टालेशन
टाइप की हुई सामग्री पैकेज के साथ ही भेजी जाएगी — अलग से खरीदने की आवश्यकता नहीं है।@types/...इंस्टॉल करना आवश्यक है।
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 ↗सुरक्षित परीक्षण से शुरुआत करें
- समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
- एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
- डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
- स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।
मूल लेख में आगे पढ़ें
- टाइपस्क्रिप्ट के लिए एप्लीकेशन इनसाइट्स जावास्क्रिप्ट एसडीके (वेब)
- कार्यान्वयन से पहले
- इंस्टालेशन
- कनेक्शन स्ट्रिंग
- त्वरित प्रारंभ (एनपीएम)
- त्वरित शुरुआत (एसडीके लोडर स्क्रिप्ट)
- टेलीमेट्री आरंभकर्ता (संवर्धन और फ़िल्टरिंग)
- क्लिक एनालिटिक्स
- एसपीए रूट ट्रैकिंग
- डिस्ट्रिब्यूटेड ट्रेसिंग (बैकएंड से संबंधित)
- GenAI एजेंट ट्रेसेस (OTel सिमेंटिक कन्वेंशन)
- आवश्यक विशेषता कुंजी (OTel नामों का हूबहू उपयोग करें)
- पैटर्न: invoke_agent + नेस्टेडtool/modelतक फैला
- रिएक्ट (टाइपस्क्रिप्ट)
- प्रदर्शन — वेब की महत्वपूर्ण जानकारी
- कुकीज़ और गोपनीयता
- सैम्पलिंग
- ऑफ़लाइन / अनलोड होने पर भेजें
- सामान्य गलतियाँ
- बंडल का आकार
- सर्वोत्तम प्रथाएं
- संदर्भ
सम्बंधित योग्यता
अनुवाद और दायरा
यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।
यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।
- पिन किया गया स्रोत
- मूल लेख पढ़ें ↗
- स्रोत प्राप्त किया गया
- स्रोत कमिट
00d66a64919edca5bca2c673373444e36a4b5461- स्रोत SHA-256
05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d