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

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

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

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

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

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

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

इस पेज पर यह माना गया है कि आपके पास पहले से ही:

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

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

एक पेज वाले ऐप्लिकेशन के लिए मेज़रमेंट लागू करना

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

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

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

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

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

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

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

1. Google Analytics खोलें

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

3. बेहतर मेज़रमेंट की सुविधा के बगल में मौजूद स्विच को चालू पर सेट करें. इससे मेज़रमेंट के सभी विकल्प चालू हो जाएंगे.

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

   

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

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

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

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

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