संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
यह दस्तावेज़ उन डेवलपर के लिए है जो Google Analytics का इस्तेमाल करके, अपने सिंगल-पेज ऐप्लिकेशन पर पेज व्यू मेज़र करना चाहते हैं.
एक पेज वाले ऐप्लिकेशन (एसपीए), ऐसी वेबसाइटें होती हैं जो एक बार में एक एचटीएमएल दस्तावेज़ लोड करती हैं और JavaScript एपीआई का इस्तेमाल करके, कोई और कॉन्टेंट फ़ेच करती हैं.
उदाहरण: मान लें कि आपके पास कुछ लीड पाने के लिए एक फ़ॉर्म है. फ़ॉर्म में तीन स्क्रीन होती हैं:
ग्राहक की जानकारी कैप्चर करने वाली पहली स्क्रीन.
दूसरी स्क्रीन, जहां ग्राहक कुछ सेवाओं में अपनी दिलचस्पी दिखाते हैं.
ग्राहक की दिलचस्पी के विषयों से जुड़े वेबिनार के लिए साइन अप करने वाला तीसरा स्क्रीन पेज.
एसपीए से पेज व्यू को सही तरीके से मेज़र करने के लिए, हर उस स्क्रीन के लिए पेज व्यू की गिनती करें जिससे उपयोगकर्ता इंटरैक्ट करता है. साथ ही, पेज का रेफ़रर सही तरीके से पाएं, ताकि उपयोगकर्ता के सफ़र को सही तरीके से ट्रैक किया जा सके.
शुरू करने से पहले
इस पेज में यह माना गया है कि आपके पास पहले से ये चीज़ें मौजूद हैं:
आपकी वेबसाइट पर लागू किया गया Google टैग, जो पेज के शुरू में लोड होने पर ट्रिगर होता है. Google टैग सेट अप करने का तरीका जानें.
एक पेज वाले ऐप्लिकेशन का मेज़रमेंट लागू करना
एसपीए का सटीक मेज़रमेंट लागू करने के लिए, नया वर्चुअल पेज व्यू ट्रिगर करने के लिए, इनमें से किसी एक तरीके का इस्तेमाल करें:
ब्राउज़र इतिहास में बदलाव (सुझाया गया): अगर आपका एसपीए, स्क्रीन अपडेट करने के लिए इतिहास एपीआई का इस्तेमाल करता है, खास तौर पर pushState() और replaceState() तरीके का, तो इस विकल्प का इस्तेमाल करें.
कस्टम इवेंट: अगर आपकी वेबसाइट अलग-अलग स्क्रीन को रेंडर करने के लिए DocumentFragment ऑब्जेक्ट का इस्तेमाल करती है, तो इस विकल्प का इस्तेमाल करें.
अपने मेज़रमेंट सेटअप की पुष्टि करना
यह पुष्टि करने के लिए कि आपका एक पेज वाला ऐप्लिकेशन, पेज व्यू को सही तरीके से मेज़र करता है:
अपने एक पेज वाले ऐप्लिकेशन पर क्लिक करें. किसी नई वर्चुअल स्क्रीन पर क्लिक करने पर, आपको DebugView में एक नया page_view इवेंट दिखेगा. page_view इवेंट पैरामीटर की तुलना, इससे पहले हुए page_view इवेंट से करें. इससे यह पता चलेगा कि पेज रेफ़रर और पेज लोकेशन सही तरीके से अपडेट हुई है या नहीं.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-04-29 (UTC) को अपडेट किया गया."],[[["This guide helps developers track page views within single-page applications using Google Analytics 4."],["Accurate tracking involves counting views for each screen a user interacts with and ensuring correct referral data for user journey analysis."],["Implementation relies on leveraging browser history changes or custom events to trigger virtual page views for different screens within the application."],["Before starting, ensure you have a Google Analytics 4 account and a Google tag implemented on your website."],["Verification involves enabling debug mode and confirming that new `page_view` events are triggered with updated page referrer and location data upon screen transitions."]]],["Developers using Google Analytics to measure page views on single-page applications (SPAs) should count page views for each user-interacted screen and accurately track the page referrer. To implement this, they can trigger virtual page views via browser history changes using the History API's `pushState()` and `replaceState()` methods, or through custom events with the `DocumentFragment` object. After implementation, debug mode should be enabled to verify new `page_view` events for each virtual screen, ensuring referrer and location data updates correctly.\n"]]