[GA4] मैन्युअल कॉन्फ़िगरेशन सेट अप करना (Tag Manager)

यह सुविधा सबके लिए उपलब्ध बीटा वर्शन में है और इसमें बदलाव हो सकते हैं.

यहां दिए गए निर्देश उन एडमिन और एडिटर के लिए हैं जो अपनी वेबसाइट पर, उपयोगकर्ता से मिले डेटा की पहचान करते हैं. इसके बाद, Google Analytics पर भेजने के लिए, उस डेटा को Google Tag Manager में ट्रांसफ़र करना चाहते हैं.

खास जानकारी

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

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

आगे बताए गए निर्देशों का पालन करने से पहले, आपको इन ज़रूरी शर्तों को पूरा करना होगा:

• आपके पास अपनी वेबसाइट के लिए Tag Manager कंटेनर का ऐक्सेस होना चाहिए
• आपने उपयोगकर्ता से मिले डेटा को इकट्ठा करने की सुविधा चालू की हो और उस डेटा को इस्तेमाल करने की अनुमति दी हो
• आपने Tag Manager कंटेनर में Google Analytics: GA4 इवेंट टैग सेट अप किया हो

 निर्देश

1. Google Tag Manager में साइन इन करें.
2. फ़ाइल फ़ोल्डर टैब में, बाईं ओर मौजूद टैग पर क्लिक करें.
3. वह Google Analytics: GA4 इवेंट टैग खोलें जिससे ग्राहक से जुड़े डेटा को इकट्ठा किया जाता है.
4. इवेंट पैरामीटर सेक्शन को बड़ा करें और पैरामीटर जोड़ें पर क्लिक करें.
5. "इवेंट पैरामीटर" फ़ील्ड में, user_data डालें.
6. "वैल्यू" फ़ील्ड में, उपयोगकर्ता से मिले डेटा का वैरिएबल चुनें या बनाएं.
7. उपयोगकर्ता से मिले डेटा के वैरिएबल में, मैन्युअल कॉन्फ़िगरेशन चुनें.
   
8. हर फ़ील्ड के लिए, ड्रॉप-डाउन मेन्यू को बड़ा करें और कोई वैरिएबल चुनें.
9. अगर किसी डेटा फ़ील्ड के लिए वैरिएबल बनाया जाता है, तो यह तरीका अपनाएं:
   1. वैरिएबल कॉन्फ़िगरेशन > डीओएम एलिमेंट पर क्लिक करें.
   2. सबसे ऊपर, वैरिएबल के लिए नाम डालें.
   3. चुनने का तरीका फ़ील्ड में, सीएसएस सिलेक्टर चुनें.
   4. एलिमेंट सिलेक्टर फ़ील्ड में, ग्राहक से जुड़े डेटा को रेफ़र करने वाला सीएसएस सिलेक्टर डालें. उपयोगकर्ता से मिले डेटा वाले फ़ील्ड के लिए, सीएसएस सिलेक्टर की पहचान करने का तरीका जानें.
   5. एट्रिब्यूट का नाम फ़ील्ड को खाली छोड़ें.
   6. सेटअप से जुड़ी संभावित समस्याओं से बचने के लिए, फ़ॉर्मैट वैल्यू फ़ील्ड को स्किप करें.
   7. डीओएम एलिमेंट के वैरिएबल को सेव करें.
   8. ऐसा हर उस फ़ील्ड के लिए करें जिसका डेटा आपको इकट्ठा करना है.
10. उपयोगकर्ता से मिले डेटा के वैरिएबल में, फ़ॉर्मैट वैल्यू फ़ील्ड को स्किप करें.
11. इवेंट टैग को सेव करें.
12. बदलावों को पब्लिश करने के लिए, सबसे ऊपर दाईं ओर मौजूद, सबमिट करें पर क्लिक करें.

उपयोगकर्ता से मिले डेटा फ़ील्ड के लिए, सीएसएस सिलेक्टर की पहचान करना

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

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

1. Google Chrome ब्राउज़र विंडो खोलें.
2. अपनी वेबसाइट पर जाएं, लेकिन Google Tag Manager की विंडो खुली रखें.
3. ग्राहक से जुड़े उस डेटा की पहचान करें जो आपको Google Analytics को भेजना है. उदाहरण के लिए, अगर आपको कोई ईमेल पता भेजना है, तो ढूंढें कि पेज पर ईमेल पता कहां मौजूद है.
4. फ़ील्ड पर राइट क्लिक करें और जांच करें को चुनें. उदाहरण के लिए, अगर आपको कोई ईमेल पता कैप्चर करना है, तो पक्का करें कि आपने ईमेल पते पर राइट क्लिक किया हो.
5. Chrome डेवलपर टूल पेज पर, आपको कोड का हाइलाइट किया गया हिस्सा दिखेगा. यह कोड, पेज का वह हिस्सा होता है जहां आपको ग्राहक से जुड़े डेटा के लिए सीएसएस सिलेक्टर एक्सट्रैक्ट करने होते हैं.
6. कर्सर को हाइलाइट किए गए कोड पर ले जाएं और उस पर राइट क्लिक करें.
7. नीचे स्क्रोल करके "कॉपी करें" पर जाएं. इसके बाद, सिलेक्टर को कॉपी करें विकल्प चुनें.
8. कॉपी किए गए टेक्स्ट को Google Analytics में "सीएसएस सिलेक्टर या JavaScript वैरिएबल की जानकारी दें" फ़ील्ड में चिपकाएं. इसके अलावा, इसे Google Tag Manager में अपने डीओएम एलिमेंट वैरिएबल के "एलिमेंट सिलेक्टर" फ़ील्ड में भी चिपकाया जा सकता है.
   • कॉपी किया गया टेक्स्ट कुछ ऐसा दिखेगा: 
     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.