analytics.js को अपनी साइट से जोड़ना

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

Google Analytics टैग

Google Analytics टैग को <head> टैग के ऊपरी हिस्से के पास और किसी भी दूसरी स्क्रिप्ट या सीएसएस टैग से पहले जोड़ा जाना चाहिए. साथ ही, आपको जिस Google Analytics प्रॉपर्टी के साथ काम करना है उसका प्रॉपर्टी आईडी जोड़ना चाहिए.

<!-- Google Analytics -->
<script>
(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.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

ऊपर दिया गया कोड चार मुख्य काम करता है:

यह <script> एलिमेंट बनाता है, जो https://www.google-analytics.com/analytics.js से analytics.js JavaScript लाइब्रेरी को एसिंक्रोनस तरीके से डाउनलोड करना शुरू करता है
यह एक ग्लोबल ga फ़ंक्शन (जिसे ga() कमांड सूची कहते हैं) शुरू करता है. यह analytics.js लाइब्रेरी के लोड होने और इस्तेमाल के लिए तैयार होने पर, कमांड शेड्यूल करने की सुविधा देता है.
'GA_MEASUREMENT_ID' पैरामीटर के ज़रिए बताई गई प्रॉपर्टी के लिए, नया ट्रैकर ऑब्जेक्ट बनाने के लिए ga() कमांड सूची में एक निर्देश जोड़ता है.
मौजूदा पेज के लिए Google Analytics को एक पेज व्यू भेजने के लिए ga() कमांड सूची में एक और निर्देश जोड़ता है.

कस्टम लागू करने के लिए, Google Analytics टैग की आखिरी दो लाइनों (create और send कमांड) में बदलाव करना पड़ सकता है या ज़्यादा इंटरैक्शन कैप्चर करने के लिए अतिरिक्त कोड जोड़ना पड़ सकता है. हालांकि, आपको analytics.js लाइब्रेरी को लोड करने वाले या ga() कमांड क्यू फ़ंक्शन को शुरू करने वाले कोड को नहीं बदलना चाहिए.

वैकल्पिक एक साथ काम नहीं करने वाला टैग

ऊपर बताया गया Google Analytics टैग यह पक्का करता है कि स्क्रिप्ट, सभी ब्राउज़र पर एसिंक्रोनस रूप से लोड और एक्ज़ीक्यूट की जाएगी. हालांकि, इसका एक नुकसान यह है कि आधुनिक ब्राउज़र, स्क्रिप्ट को पहले से लोड नहीं कर पाते.

नीचे दिए गए वैकल्पिक एसिंक्रोनस टैग में पेजों को पहले से लोड करने की सुविधा जोड़ी गई है. इससे मॉडर्न ब्राउज़र की परफ़ॉर्मेंस बेहतर होती है. हालांकि, IE 9 और async स्क्रिप्ट एट्रिब्यूट को नहीं पहचानने वाले पुराने मोबाइल ब्राउज़र पर सिंक्रोनस लोडिंग और एक्ज़ीक्यूशन कम किया जा सकता है. इस टैग कॉन्फ़िगरेशन का इस्तेमाल सिर्फ़ तब करें, जब आपकी वेबसाइट पर आने वाले लोग आपकी साइट को ऐक्सेस करने के लिए आधुनिक ब्राउज़र का इस्तेमाल करते हों.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Google Analytics टैग कौनसा डेटा कैप्चर करता है?

इनमें से किसी भी टैग को अपनी वेबसाइट में जोड़ने पर, आपको उपयोगकर्ताओं के विज़िट किए गए हर पेज के लिए एक पेज व्यू भेजा जाता है. Google Analytics इस डेटा को प्रोसेस करके काफ़ी जानकारी हासिल कर सकता है, जिसमें ये शामिल हैं:

कोई उपयोगकर्ता आपकी साइट पर कुल कितना समय बिताता है.
उपयोगकर्ता द्वारा हर पेज पर बिताया गया समय और उन पेजों को किस क्रम में देखा गया.
किन आंतरिक लिंक पर क्लिक किया गया था (अगले पेज व्यू के यूआरएल के आधार पर).

इसके अलावा: नया ट्रैकर ऑब्जेक्ट बनाते समय analytics.js की मदद से आईपी पते, उपयोगकर्ता एजेंट स्ट्रिंग, और पेज की शुरुआती जांच की मदद से, इन चीज़ों का पता लगाया जाता है:

उपयोगकर्ता की भौगोलिक जगह.
कौनसा ब्राउज़र और ऑपरेटिंग सिस्टम इस्तेमाल किया जा रहा है.
स्क्रीन का साइज़ और Flash या Java इंस्टॉल है या नहीं.
रेफ़र करने वाली साइट.

अगले चरण

रिपोर्टिंग की बुनियादी ज़रूरतों के लिए, Google Analytics टैग से इकट्ठा किया गया डेटा काफ़ी हो सकता है. हालांकि, कई मामलों में आपको अपने उपयोगकर्ताओं से जुड़े कुछ और सवाल भी चाहिए.

इस साइट में दी गई गाइड में बताया गया है कि analytics.js की मदद से, अपने काम के इंटरैक्शन को कैसे मेज़र किया जाए. हालांकि, किसी खास सुविधा को लागू करने से पहले, हमारा सुझाव है कि आप बाईं ओर मौजूद नेविगेशन में, बुनियादी जानकारी सेक्शन में दी गई गाइड को पढ़ लें. इन गाइड से आपको analytics.js लाइब्रेरी की खास जानकारी मिलेगी. साथ ही, साइट पर इस्तेमाल किए गए कोड के उदाहरणों को बेहतर तरीके से समझने में भी मदद मिलेगी.

इस सीरीज़ की अगली गाइड में बताया गया है कि analytics.js कैसे काम करता है.