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() कमांड सूची में एक निर्देश जोड़ता है.
ga() कमांड सूची में एक और निर्देश जोड़ता है, ताकि मौजूदा पेज के लिए Google Analytics को एक पेज व्यू भेजा जा सके.

कस्टम इंप्लीमेंटेशन के लिए, 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 के काम करने का तरीका बताया गया है.