डीबग करना

इस गाइड में, analytics.js लाइब्रेरी के डीबग वर्शन को इस्तेमाल करने का तरीका बताया गया है, ताकि यह पक्का किया जा सके कि लागू करने की प्रोसेस सही तरीके से काम कर रही है.

analytics.js लाइब्रेरी का डीबग वर्शन

Google Analytics, analytics.js लाइब्रेरी का एक डीबग वर्शन देता है. यह JavaScript कंसोल के चलने के दौरान, ज़्यादा जानकारी वाले मैसेज को JavaScript कंसोल पर लॉग करता है. इन मैसेज में, लागू किए गए कमांड के साथ-साथ चेतावनियां और गड़बड़ी के मैसेज भी शामिल होते हैं. इनसे आपको पता चल सकता है कि आपका टैग कब गलत तरीके से सेट अप किया गया है. यह Google Analytics को भेजे जाने वाले हर हिट का ब्यौरा भी देता है, ताकि आप यह देख सकें कि कौनसा डेटा कैप्चर किया जा रहा है.

JavaScript टैग के यूआरएल को https://www.google-analytics.com/analytics.js से https://www.google-analytics.com/analytics_debug.js में बदलकर, analytics.js के डीबग वर्शन को चालू किया जा सकता है:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

हिट भेजे बिना, लागू करने की प्रोसेस की जांच करना

analytics.js का डीबग वर्शन, Google Analytics को ठीक गैर-डीबग वर्शन की तरह डेटा भेजेगा. इसकी मदद से, analytics.js कोड चलाने वाली वेबसाइट पर जाकर, डेटा कैप्चर करने के तरीके में रुकावट डाले बिना, लागू किए गए कोड की जांच की जा सकती है.

अगर आपको कुछ मामलों (जैसे कि डेवलपमेंट या टेस्टिंग एनवायरमेंट) में Google Analytics को डेटा नहीं भेजना, तो आपके पास sendHitTask टास्क को बंद करने का विकल्प है. इसके बाद, आपको कुछ नहीं भेजा जाएगा.

Localhost पर चलाते समय, नीचे दिया गया कोड किसी भी हिट को Google Analytics पर नहीं भेजेगा:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');

if (location.hostname == 'localhost') {
  ga('set', 'sendHitTask', null);
}

ga('send', 'pageview');

ट्रेस डीबग करना

ट्रेस डीबग करने की सुविधा चालू करने पर, कंसोल को ज़्यादा शब्दों में जानकारी दी जाएगी.

ट्रेस डीबग करने की सुविधा चालू करने के लिए, ऊपर बताए गए तरीके से analytics.js का डीबग वर्शन लोड करें. साथ ही, ga() कमांड सूची में किसी भी कॉल से पहले JavaScript की इस लाइन को जोड़ें.

window.ga_debug = {trace: true};

चालू ट्रेस डीबगिंग के साथ पूरा टैग इस तरह है:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics_debug.js','ga');

window.ga_debug = {trace: true};
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

Google Analytics डीबगर Chrome एक्सटेंशन

Google Analytics एक Chrome एक्सटेंशन भी देता है, जो analytics.js के डीबग वर्शन को चालू कर सकता है. इसके लिए, आपको टैग में बदलाव करने की ज़रूरत नहीं होती. इसकी मदद से, अपनी साइटों को डीबग किया जा सकता है. साथ ही, यह भी देखा जा सकता है कि दूसरी साइटों ने analytics.js की मदद से Google Analytics को कैसे लागू किया है.

Google टैग सहायक

Google Tag Assistant एक Chrome एक्सटेंशन है. इसकी मदद से, वेबसाइट पर मौजूद टैग की पुष्टि की जा सकती है और सामान्य समस्याओं को हल किया जा सकता है. यह अपने analytics.js को ठीक से लागू करने के तरीके को डीबग और टेस्ट करने के लिए एक बेहतरीन टूल है. साथ ही, यह आपके कोड को प्रोडक्शन में लागू करने से पहले पक्का करता है कि सब कुछ सही है.

Tag Assistant की मदद से, एक सामान्य यूज़र फ़्लो को रिकॉर्ड किया जा सकता है. यह आपके भेजे गए सभी हिट इकट्ठा करता है, किसी भी समस्या का पता लगाने के लिए उनकी जांच करता है, और आपको इंटरैक्शन की पूरी रिपोर्ट देता है. अगर सिस्टम को किसी समस्या का पता चलता है या उसमें कुछ सुधार किए जाते हैं, तो आपको इसकी जानकारी दी जाएगी.

ज़्यादा जानने के लिए, सहायता केंद्र पर जाएं. इसके बाद, Tag Assistant के बारे में जानकारी और Tag Assistant रिकॉर्डिंग के बारे में जानकारी पढ़ें. यह डेमो वीडियो भी देखा जा सकता है. इसमें Tag Assistant का इस्तेमाल, गड़बड़ियों को पहचानने और क्रॉस-डोमेन मेज़रमेंट जैसे बेहतर तरीके से लागू होने की पुष्टि के लिए किया जाता है.