Google Tag Manager की मदद से सिंगल-पेज ऐप्लिकेशन मेज़र करना

इस ट्यूटोरियल में, Google Tag Manager का इस्तेमाल करके, सिंगल-पेज ऐप्लिकेशन (एसपीए) के लिए Google Analytics मेज़रमेंट सेट अप करने का तरीका बताया गया है. आपको यह जानकारी मिलेगी कि Google Analytics प्रॉपर्टी को कैसे कॉन्फ़िगर करें, ज़रूरी GTM वैरिएबल कैसे चालू करें, और ऐसे टैग कैसे बनाएं जो इतिहास में हुए बदलावों के आधार पर ट्रिगर होते हैं.

शुरू करने से पहले

इस ट्यूटोरियल में यह माना गया है कि आपके पास:

• Google Analytics खाता और प्रॉपर्टी.
• आपके एसपीए पर Google Tag Manager कंटेनर इंस्टॉल होना चाहिए.
• Google Analytics और Google Tag Manager, दोनों के लिए एडिटर या इससे ऊपर की भूमिका.

पहला चरण: GA4 डेटा स्ट्रीम तैयार करना

अगर आपको किसी एसपीए में page_view इवेंट को मैन्युअल तरीके से ट्रैक करना है, तो आपको GA4 में इतिहास के आधार पर पेज व्यू को अपने-आप ट्रैक करने की सुविधा बंद करनी होगी. ऐसा करने से, पेज व्यू की गिनती दो बार नहीं होगी.

1. Google Analytics खोलें.
2. एडमिन पेज पर, डेटा कलेक्शन और डेटा में बदलाव सेक्शन में जाकर डेटा स्ट्रीम पर क्लिक करें.
3. अपनी वेबसाइट की डेटा स्ट्रीम चुनें.
4. बेहतर मेज़रमेंट की सुविधा में जाकर, सेटिंग आइकॉन पर क्लिक करें.
5. पेज व्यू > बेहतर सेटिंग दिखाएं में जाकर, ब्राउज़र इतिहास के इवेंट के आधार पर पेज में होने वाले बदलाव को हटाएं.
6. सेव करें पर क्लिक करें.

दूसरा चरण: Tag Manager में, हिस्ट्री के बिल्ट-इन वैरिएबल चालू करना

GTM में इतिहास के आधार पर ट्रिगर या वैरिएबल का इस्तेमाल करने के लिए, आपको सबसे पहले हिस्ट्री के बिल्ट-इन वैरिएबल चालू करने होंगे.

1. Google Tag Manager खोलें.
2. अपने फ़ाइल फ़ोल्डर में, वैरिएबल पर जाएं.
3. बिल्ट-इन वैरिएबल में जाकर, कॉन्फ़िगर करें पर क्लिक करें.
4. इतिहास सेक्शन में जाकर, इन वैरिएबल को चालू करें:
   • History New URL Fragment
   • History Old URL Fragment
   • History New State
   • History Old State
   • History Source
5. कॉन्फ़िगरेशन पैनल बंद करें.

ध्यान दें: पेज व्यू के बेसिक सेटअप के लिए, इन वैरिएबल का इस्तेमाल करना ज़रूरी नहीं है. इनका इस्तेमाल सिर्फ़ तब किया जाता है, जब आपको ट्रिगर को फ़िल्टर करना हो या कस्टम लॉजिक लागू करना हो, जैसे कि इस पेज के आखिरी नोट में बताया गया पिछले पेज का लॉजिक.

ध्यान दें: कुछ पुराने दस्तावेज़ों में Old History URL या New History URL का ज़िक्र किया जा सकता है. ये स्टैंडर्ड बिल्ट-इन वैरिएबल नहीं हैं. इसके बजाय, सूची में दिए गए वैरिएबल का इस्तेमाल करें.

तीसरा चरण: इतिहास में बदलाव होने पर ट्रिगर होने वाला ट्रिगर बनाना

इसके बाद, एक ऐसा ट्रिगर बनाएं जो आपके एसपीए में इतिहास में बदलाव होने पर ट्रिगर हो. जैसे, pushState या replaceState.

1. Tag Manager के फ़ाइल फ़ोल्डर में, ट्रिगर मेन्यू पर जाएं.
2. नया पर क्लिक करें.
3. ट्रिगर कॉन्फ़िगरेशन में, इतिहास में बदलाव ट्रिगर चुनें.
4. (ज़रूरी नहीं) अगर आपको सिर्फ़ स्क्रीन में हुए कुछ बदलावों को ट्रैक करना है, तो ट्रिगर को अपडेट करके इतिहास में हुए कुछ बदलावों पर ट्रिगर होने के लिए सेट करें.
5. ट्रिगर को नाम दें (जैसे, "इतिहास में बदलाव") और सेव करें पर क्लिक करें.

चौथा चरण: Google टैग बनाना

अब एक ऐसा Google टैग बनाएं जो इतिहास में बदलाव होने पर, page_location पैरामीटर को अपडेट करे.

1. टैग मेन्यू में, नया पर क्लिक करें.
2. टैग कॉन्फ़िगरेशन में, Google टैग चुनें.
3. अपना टैग आईडी डालें. यह वही आईडी होना चाहिए जिसका इस्तेमाल आपने Google टैग सेट अप करते समय किया था.

4. कॉन्फ़िगरेशन सेटिंग में जाकर, ये पैरामीटर जोड़ें:

   • page_location: {{Page URL}}
   • page_title: {{Page Title}}
   • update: true
   ध्यान दें: update पैरामीटर, कॉन्फ़िगरेशन वैल्यू को मौजूदा टैग कॉन्फ़िगरेशन में मर्ज करता है. साथ ही, डुप्लीकेट page_view इवेंट को तुरंत रोकता है. page_referrer को यहां शामिल नहीं किया गया है, क्योंकि Google Analytics, पेज लोड होने पर ओरिजनल बाहरी रेफ़रर को अपने-आप ट्रैक करता है. इसे शामिल न करने से, Google Analytics आपकी रिपोर्ट में नेविगेशन पाथ के लिए, पिछले वर्चुअल पेज के यूआरएल को रेफ़रर के तौर पर अपने-आप भर देता है.

5. टैग को नाम दें (उदाहरण के लिए, "Google टैग - एसपीए अपडेट") और सेव करें पर क्लिक करें.

   ध्यान दें: इस Google टैग के लिए, ट्रिगर करना सेक्शन में कोई ट्रिगर न जोड़ें. इसे पांचवें चरण में, टैग को क्रम में लगाने की सुविधा का इस्तेमाल करके सेटअप टैग के तौर पर ट्रिगर किया जाता है.

पांचवां चरण: वर्चुअल page_view इवेंट भेजना

आखिर में, हर वर्चुअल पेज लोड के लिए, page_view इवेंट भेजने के लिए GA4 इवेंट टैग बनाएं.

1. टैग मेन्यू में, नया पर क्लिक करें.
2. टैग कॉन्फ़िगरेशन में, Google Analytics: GA4 इवेंट चुनें.
3. अपना मेज़रमेंट आईडी डालें.
4. इवेंट का नाम को page_view पर सेट करें.
5. ऐडवांस सेटिंग > टैग अनुक्रमण में जाकर, GA4 इवेंट - वर्चुअल पेज व्यू के चालू होने से पहले कोई टैग चालू करें को चुनें. इसके बाद, चौथे चरण में बनाए गए Google टैग - एसपीए अपडेट टैग को चुनें.
6. ट्रिगर करना में जाकर, तीसरे चरण में बनाया गया इतिहास में बदलाव ट्रिगर चुनें.
7. टैग को नाम दें. उदाहरण के लिए, "GA4 इवेंट - वर्चुअल पेज व्यू". इसके बाद, सेव करें पर क्लिक करें.

छठा चरण: अपने सेटअप की पुष्टि करना

यह पक्का करने के लिए कि आपके वर्चुअल पेज व्यू सही तरीके से रिकॉर्ड किए जा रहे हैं:

1. Tag Manager में, झलक मोड में जाने के लिए, झलक देखें पर क्लिक करें.
2. अपने एसपीए में एक पेज से दूसरे पेज पर जाएं.
3. Google Analytics DebugView में जाकर, पुष्टि करें कि स्क्रीन में हर बदलाव के लिए, एक नया page_view इवेंट दिखता है.
4. देखें कि page_location की वैल्यू आपकी उम्मीदों के मुताबिक हैं या नहीं.

ध्यान दें: स्टैंडर्ड {{Referrer}} का इस्तेमाल करने पर, उस शुरुआती सोर्स का पता चलता है जिसकी वजह से उपयोगकर्ता आपकी साइट पर आया. अपने एसपीए में पिछले वर्चुअल पेज को रेफ़रर के तौर पर ट्रैक करने के लिए, आपको कस्टम GTM वैरिएबल लागू करना होगा. इससे पिछले पेज की जगह की जानकारी सेव की जा सकेगी.