जावास्क्रिप्ट त्रुटियों को इकट्ठा करने के लिए Google Analytics

इतना समय पहले नहीं है कि Habré पर एक आर्टिकल था, जिसमें ट्रिक-आउट स्टार्टअप के बारे में जावास्क्रिप्ट त्रुटियों को एकत्रित करने पर ध्यान केंद्रित किया गया था। हमेशा इतनी सारी विशेषताओं की आवश्यकता थी, लेकिन यह पता चला कि कई लोग Google Analytics के साथ पुराने दाढ़ी वाले तरीके के बारे में नहीं जानते हैं। मैं उसके बारे में संक्षेप में बात करने की कोशिश करूँगा।

साइट पर स्थापित Google Analytics (इसके बाद बस जीए) के लिए आवश्यक पहली चीज़ है, यहाँ सब कुछ मानक है और कुछ भी बदलने की आवश्यकता नहीं है:

<script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXX']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> 

इसके अलावा, यह किसी भी स्क्रिप्ट को लोड करने से पहले भी वांछनीय है, अर्थात्, सिर में, निम्नलिखित सभी को ऊपर रखने के लिए:

 <script> var _gaq = window._gaq || []; window.onerror = function(msg, url, line) { var preventErrorAlert = true; _gaq.push(['_trackEvent', 'JS Error', msg, navigator.userAgent + ' -> ' + url + " : " + line, 0, true]); return preventErrorAlert; }; </script> 

preventErrorAlert - सच लौटना, हम IE और ओपेरा के पुराने संस्करणों में त्रुटियों के साथ एक कष्टप्रद खिड़की की उपस्थिति को रोकते हैं।
संदेश - त्रुटि संदेश।
url - वह स्क्रिप्ट फ़ाइल जिसमें त्रुटि हुई।
लाइन - किस लाइन पर त्रुटि हुई।
navigator.userAgent - अनौपचारिक ब्राउज़र डेटा ताकि यह स्पष्ट हो सके कि कहां खोदना है।

अंतिम दो पैरामीटर ( कोरज़िक द्वारा याद दिलाया गया):
0 एक काउंटर है, अर्थात्, आप बस मज़े के लिए लाइन नंबर यहाँ दे सकते हैं और गणना कर सकते हैं कि किस औसत पर सबसे अधिक त्रुटियां होती हैं, आप कुछ उपयोगी भी कर सकते हैं :)
सच - उछाल दर को ध्यान में नहीं रखना चाहिए। यही है, घटना को उपयोगकर्ता कार्रवाई के रूप में नहीं गिना जाएगा। यह उन लोगों के लिए महत्वपूर्ण है जो विश्लेषिकी में गंभीरता से लगे हुए हैं।

लगभग सभी आधुनिक ब्राउज़र ऑनर का समर्थन करते हैं:

• क्रोम 13+
• फ़ायरफ़ॉक्स 6.0+
• इंटरनेट एक्सप्लोरर 5.5+
• ओपेरा 11.60+
• सफारी 5.1+

इस प्रकार, आप महत्वपूर्ण त्रुटियों को सुरक्षित रूप से एकत्र कर सकते हैं। लेकिन अलग-अलग त्रुटियां हैं, यदि आप jQuery का उपयोग करते हैं, तो मैं इसके आरंभ के बाद निम्नलिखित कोड जोड़ने की सलाह देता हूं:

 jQuery.error = function (message) { _gaq.push(['_trackEvent', 'jQuery Error', message, navigator.userAgent, 0, true]); } 

कस्टम अपवाद हैंडलर कैसे बनाया जाए, मुझे लगता है कि यह पहले से ही स्पष्ट है। और एक दो स्क्रीनशॉट, जहां पूरी बात को खोजने के लिए और फिर यह कैसे दिखेगा।

हम अपनी परियोजना में GA पर जाते हैं, "मानक रिपोर्ट" चुनें:


बाईं ओर के पैनल में हम "सामग्री" → "इवेंट" → "अवलोकन" पाते हैं:


हम घटनाओं के ग्राफ को देखते हैं और नीचे से घटनाओं के प्रकार को स्वयं देखते हैं:


हम "जेएस एरर" इवेंट का चयन करते हैं जो हमें चाहिए:


"इवेंट एक्शन" पर जाएं:


हम उस त्रुटि का चयन करते हैं जिसमें हम रुचि रखते हैं और डिबगिंग जानकारी का निरीक्षण करते हैं। गहराई में जाने से ज्यादा समझ में नहीं आता:


जीए इवेंट कैसे काम करते हैं, वे कहां हैं और वे कैसे दिखते हैं, यह जानने के बाद, आप आसानी से उस त्रुटि रिपोर्ट के प्रकार को कॉन्फ़िगर कर सकते हैं जो आपकी परियोजना के लिए सबसे उपयुक्त है।