एक पेज के ऐप्लिकेशन मेज़र करना

यह दस्तावेज़ उन डेवलपर के लिए है जो Google Analytics का इस्तेमाल करके, अपने सिंगल-पेज ऐप्लिकेशन पर पेज व्यू मेज़र करना चाहते हैं.

सिंगल-पेज ऐप्लिकेशन (एसपीए) ऐसी वेबसाइटें होती हैं जो एचटीएमएल दस्तावेज़ को एक बार लोड करती हैं. इसके बाद, JavaScript एपीआई का इस्तेमाल करके, कोई भी अतिरिक्त कॉन्टेंट फ़ेच करती हैं.

उदाहरण के लिए, मान लें कि आपके पास कुछ लीड पाने के लिए एक फ़ॉर्म है. इस फ़ॉर्म में तीन स्क्रीन हैं:

• पहली स्क्रीन, ग्राहक की जानकारी कैप्चर करने के लिए.
• दूसरी स्क्रीन, जहां ग्राहक कुछ सेवाओं में अपनी दिलचस्पी दिखाते हैं.
• तीसरी स्क्रीन, ग्राहक की दिलचस्पी से जुड़े वेबिनार के लिए साइन अप करने के लिए.

एसपीए से पेज व्यू को सही तरीके से मेज़र करने के लिए, यह ज़रूरी है कि उपयोगकर्ता जिस भी स्क्रीन से इंटरैक्ट करे उसके पेज व्यू की गिनती की जाए. साथ ही, पेज रेफ़रर की जानकारी सही मिले, ताकि उपयोगकर्ता के सफ़र को सही तरीके से ट्रैक किया जा सके.

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

इस पेज पर यह मान लिया गया है कि आपके पास पहले से ही ये चीज़ें मौजूद हैं:

• आपकी वेबसाइट के लिए, Google Analytics 4 खाता और प्रॉपर्टी. Google Analytics सेट अप करने का तरीका जानें .

• आपकी वेबसाइट पर Google टैग लागू किया गया है, जो पेज के पहली बार लोड होने पर ट्रिगर होता है. Google टैग सेट अप करने का तरीका जानें.

सिंगल-पेज ऐप्लिकेशन के मेज़रमेंट को लागू करना

एसपीए के मेज़रमेंट को सही तरीके से लागू करने के लिए, नया वर्चुअल पेज व्यू ट्रिगर करने के लिए इनमें से कोई एक तरीका इस्तेमाल करें:

• ब्राउज़र इतिहास में बदलाव (सुझाया गया): अगर आपका एसपीए, History API का इस्तेमाल करता है, खास तौर पर स्क्रीन अपडेट करने के लिए pushState() और replaceState() तरीके का इस्तेमाल करता है, तो यह विकल्प इस्तेमाल करें.

• कस्टम इवेंट: अगर आपकी वेबसाइट, अलग-अलग स्क्रीन रेंडर करने के लिए DocumentFragment ऑब्जेक्ट का इस्तेमाल करती है, तो यह विकल्प इस्तेमाल करें.

ब्राउज़र इतिहास में बदलाव को लागू करना

अगर आपका एसपीए, History API का इस्तेमाल करता है, तो Google Analytics में बेहतर मेज़रमेंट की सुविधा चालू की जा सकती है. इससे, ब्राउज़र इतिहास के इवेंट के आधार पर पेज व्यू अपने-आप ट्रैक हो जाते हैं.

GA4 में बेहतर मेज़रमेंट की सुविधा चालू करना

ब्राउज़र इतिहास के आधार पर, page_views को अपने-आप मेज़र करने के लिए:

1. Google Analytics खोलें

2. एडमिन पेज पर, डेटा कलेक्शन और डेटा में बदलाव सेक्शन में जाकर, डेटा स्ट्रीम > वेब पर क्लिक करें.

3. _बेहतर मेज़रमेंट_ में जाकर, स्विच को **चालू** पर स्लाइड करें. इससे मेज़रमेंट के सभी विकल्प चालू हो जाएंगे.

4. अलग-अलग विकल्पों में बदलाव करने के लिए, पर क्लिक करें. पेज व्यू में जाकर, ऐडवांस सेटिंग दिखाएं पर क्लिक करें. पक्का करें कि पेज लोड और ब्राउज़र इतिहास के इवेंट के आधार पर पेज में बदलाव दोनों चालू हों.

   

5. बदलाव सेव करें.

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

इतिहास के इवेंट के लिए Google Tag Manager के ट्रिगर इस्तेमाल करना

अगर आपको Google Tag Manager में, ब्राउज़र इतिहास में होने वाले बदलावों के आधार पर दूसरे तरह के टैग सक्रिय करने हैं, जैसे कि अन्य मार्केटिंग प्लैटफ़ॉर्म पर डेटा भेजना है, तो "इतिहास में बदलाव" ट्रिगर टाइप का इस्तेमाल किया जा सकता है.

इतिहास में बदलाव ट्रिगर के साथ काम करने के लिए, टैग या वैरिएबल कॉन्फ़िगर करते समय, पक्का करें कि Google Tag Manager की ओर से उपलब्ध कराए गए सही बिल्ट-इन वैरिएबल इस्तेमाल किए जाएं:

• History New URL Fragment: इतिहास के इवेंट के बाद, यूआरएल का फ़्रैगमेंट.
• History Old URL Fragment: इतिहास के इवेंट से पहले, यूआरएल का फ़्रैगमेंट.
• History New State: इतिहास की नई स्थिति का ऑब्जेक्ट.
• History Old State: इतिहास की पुरानी स्थिति का ऑब्जेक्ट.
• History Source: इतिहास के इवेंट का सोर्स (जैसे कि popstate, pushState, replaceState).

इन बिल्ट-इन वैरिएबल को Google Tag Manager में पहले वैरिएबल > कॉन्फ़िगर करें में जाकर चालू करना पड़ सकता है.

इस ट्रिगर के बारे में ज़्यादा जानने के लिए, इतिहास में बदलाव ट्रिगर देखें.

अपने मेज़रमेंट सेटअप की पुष्टि करना

यह पुष्टि करने के लिए कि आपका सिंगल-पेज ऐप्लिकेशन, पेज व्यू को सही तरीके से मेज़र करता है या नहीं:

1. एसपीए के मेज़रमेंट सेटअप में मौजूद हर टैग के लिए, डीबग मोड चालू करें. DebugView में इवेंट की निगरानी करने का तरीका जानें .

2. अपने सिंगल-पेज ऐप्लिकेशन पर क्लिक करें. जब आप किसी नई वर्चुअल स्क्रीन पर क्लिक करते हैं, तो आपको DebugView में नया page_view इवेंट दिखना चाहिए. पेज रेफ़रर और पेज की जगह की जानकारी सही तरीके से अपडेट हुई है या नहीं, यह देखने के लिए, page_view इवेंट के पैरामीटर की तुलना, पहले वाले page_view इवेंट से करें.

अपने-आप होने वाले इवेंट पर असर

अगर आपने अपने एसपीए में वर्चुअल पेज व्यू के मेज़रमेंट को सही तरीके से लागू किया है, तो Google Analytics, अपने-आप होने वाले अन्य इवेंट को सही तरीके से हैंडल करेगा. अगर स्क्रीन में होने वाले बदलावों के लिए वर्चुअल पेज व्यू रिकॉर्ड नहीं किए जाते हैं, तो Google Analytics, एसपीए को एक पेज के तौर पर मानता है. इससे मेट्रिक में गड़बड़ी होती है.

उदाहरण के लिए, user_engagement इवेंट, उपयोगकर्ता के किसी पेज पर बिताए गए समय को मेज़र करता है. वर्चुअल पेज व्यू के बिना, सभी एंगेजमेंट टाइम को पेज के पहली बार लोड होने के लिए एट्रिब्यूट किया जाता है. इससे, अलग-अलग स्क्रीन पर बिताए गए समय का विश्लेषण करना मुमकिन नहीं होता.

वर्चुअल पेज व्यू के मेज़रमेंट को सही तरीके से लागू करने पर:

• जब उपयोगकर्ता एक वर्चुअल पेज से दूसरे वर्चुअल पेज पर जाता है, तो user_engagement इवेंट भेजा जाता है.
• पिछले वर्चुअल पेज के लिए एंगेजमेंट टाइम का हिसाब लगाया जाता है और उसे user_engagement इवेंट के साथ भेजा जाता है. आम तौर पर, नए वर्चुअल पेज के लिए page_view इवेंट प्रोसेस होने से ठीक पहले ऐसा किया जाता है.
• क्लिक या स्क्रोल जैसे अन्य इवेंट, उस वर्चुअल पेज के page_location से जुड़े होते हैं जिसे उपयोगकर्ता फ़िलहाल देख रहा है.

इससे, एसपीए में मौजूद अलग-अलग स्क्रीन या सेक्शन के लिए, उपयोगकर्ता के एंगेजमेंट और अन्य मेट्रिक का विश्लेषण किया जा सकता है. इससे, उपयोगकर्ता के सफ़र को ज़्यादा सटीक तरीके से समझा जा सकता है.