डीबग करना

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

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

Google Analytics, analytics.js लाइब्रेरी का एक डीबग वर्शन उपलब्ध कराता है. इसकी मदद से, 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 के डीबग वर्शन का इस्तेमाल सिर्फ़ डेवलपमेंट और टेस्टिंग के दौरान किया जाना चाहिए. ऐसा इसलिए, क्योंकि यह analytics.js से थोड़ा बड़ा है. इससे आपके पेज के लोड होने की स्पीड कम हो जाएगी.

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

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 Debugger 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 का इस्तेमाल, गड़बड़ियों को ठीक करने और क्रॉस-डोमेन मेज़रमेंट जैसे बेहतर तरीके से लागू करने की वैधता की जांच करने के लिए किया जा रहा है.