अपनी साइट में 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 -->

ऊपर दिए गए कोड में चार मुख्य चीज़ें हैं:

  1. एक <script> एलिमेंट बनाता है, जो https://www.google-analytics.com/analytics.js से analytics.js JavaScript लाइब्रेरी को एसिंक्रोनस तौर पर डाउनलोड करना शुरू करता है
  2. एक ग्लोबल ga फ़ंक्शन (जिसे ga() निर्देश की सूची कहा जाता है) शुरू करता है. यह फ़ंक्शन, analytics.js लाइब्रेरी के लोड होने और इस्तेमाल के लिए तैयार होने पर कमांड चलाने के लिए, शेड्यूल करता है.
  3. ga() पैरामीटर की सूची में कमांड जोड़ता है. ऐसा करने से, वह प्रॉपर्टी 'GA_MEASUREMENT_ID' के लिए नया ट्रैकर ऑब्जेक्ट बना सकती है, जिसके लिए 'GA_MEASUREMENT_ID' पैरामीटर का इस्तेमाल किया गया है.
  4. 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 नया ट्रैकिंग ऑब्जेक्ट बनाते समय इन चीज़ों का पता लगाता है:

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

अगले चरण

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

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

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