सर्वर साइड टैगिंग के बारे में जानकारी

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

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

पहला इलस्ट्रेशन: Google Tag Manager वेब कंटेनर का इस्तेमाल करने के लिए इंस्ट्रूमेंट की गई साइट का डायग्राम.

इसके उलट, सर्वर कंटेनर उपयोगकर्ता के ब्राउज़र या उसके फ़ोन पर नहीं चलता. इसके बजाय, यह आपके कंट्रोल वाले सर्वर पर चलता है.

दूसरी इमेज: सर्वर कंटेनर का इस्तेमाल करने वाले टैगिंग कॉन्फ़िगरेशन का उदाहरण.

यह सर्वर, आपके Google Cloud Platform प्रोजेक्ट या आपकी पसंद के किसी दूसरे एनवायरमेंट में चलता है. साथ ही, सर्वर में मौजूद डेटा का ऐक्सेस सिर्फ़ आपके पास होता है. हालांकि, जब तक आप उसे किसी दूसरी जगह पर भेज नहीं देते, तब तक यह ऐक्सेस आपके पास ही रहता है. आपके पास यह कंट्रोल होता है कि डेटा को किस तरह से तैयार किया जाए और उसे सर्वर से कहां भेजा जाए. टैग, सैंडबॉक्स की गई JavaScript टेक्नोलॉजी का इस्तेमाल करके बनाए जाते हैं. अनुमतियों से आपको यह जानकारी मिलती है कि टैग क्या कर सकता है. साथ ही, नीतियां आपको कंटेनर के लिए सीमाएं सेट करने की अनुमति देती हैं.

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

इस मॉडल में, सर्वर कंटेनर के लिए दो अहम सवाल पूछे गए हैं:

• मेज़रमेंट डेटा, उपयोगकर्ता के डिवाइस से सर्वर कंटेनर में कैसे पहुंचता है?
• सर्वर कंटेनर में भेजा गया मेज़रमेंट डेटा, इवेंट में कैसे बदलता है?

दोनों सवालों का जवाब, सर्वर कंटेनर में इस्तेमाल करने के लिए एक नई तरह की इकाई है: क्लाइंट.

क्लाइंट कैसे काम करते हैं

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

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

तीसरी इमेज: डेटा की हर स्ट्रीम को कोई अलग क्लाइंट मैनेज करता है.

क्लाइंट को किसी डिवाइस से मेज़रमेंट डेटा मिलता है. मान लें कि आपको तीन जगहों पर उपयोगकर्ता की गतिविधि का आकलन करना है: वेबसाइट, फ़ोन ऐप्लिकेशन, और स्मार्ट टोस्टर. आपकी वेबसाइट, Google Analytics का इस्तेमाल करती है, आपका फ़ोन ऐप्लिकेशन Firebase Analytics का इस्तेमाल करता है, और आपका टोस्टर "ToastMeasure" नाम के मालिकाना प्रोटोकॉल का इस्तेमाल करता है.

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

उन तीन कंटेनर के बजाय, आपके सर्वर कंटेनर में तीन क्लाइंट हैं. कंटेनर में आने वाले हर अनुरोध को, हर क्लाइंट प्राथमिकता के क्रम में प्रोसेस करेगा. सबसे ज़्यादा प्राथमिकता वाले क्लाइंट को पहले प्रोसेस किया जाएगा. हर क्लाइंट सबसे पहले यह तय करेगा कि उसे उस तरह के अनुरोध को प्रोसेस करने का तरीका पता है या नहीं. अगर ऐसा हो सकता है, तो क्लाइंट अनुरोध पर "दावा" करता है और प्रोसेसिंग के अगले चरण पर जाता है. अनुरोध पर दावा करने से, बाद में आने वाले क्लाइंट को चलने से रोका जाता है. अगर क्लाइंट अनुरोध को प्रोसेस नहीं कर पाता है, तो वह कुछ नहीं करता और अन्य क्लाइंट को यह तय करने की अनुमति देता है कि अनुरोध को मैनेज करना है या नहीं.

क्लाइंट, अनुरोध डेटा को एक या उससे ज़्यादा इवेंट में बदल देते हैं. ToastMeasure क्लाइंट के अनुरोध का दावा करने के बाद, उसे अनुरोध को ऐसी चीज़ में बदलना होगा जिसे बाकी कंटेनर समझ सके. वह इवेंट का एक सेट है.

इवेंट, ऐसी कार्रवाइयां होती हैं जिन्हें आपको मेज़र करना होता है. ये कुछ भी हो सकते हैं: start_toasting, finish_toasting या buy_bread. क्लाइंट से जनरेट होने वाले इवेंट के स्ट्रक्चर के लिए कुछ सुझाव हैं. हालांकि, ज़रूरी है कि कंटेनर के बाकी हिस्से इन्हें समझ सकें.

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

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

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

एक छोटा उदाहरण

आइए, एक उदाहरण के ज़रिए देखते हैं कि सभी चीज़ें एक साथ कैसे काम करती हैं. इस उदाहरण में, आपको ये चीज़ें बनानी होंगी:

1. एक आसान वेबसाइट, जो सर्वर कंटेनर में click इवेंट भेजने के लिए gtag.js का इस्तेमाल करती है.
2. Google Analytics 4 क्लाइंट, जिसे इवेंट मिलता है.
3. click इवेंट पर ट्रिगर होने वाला ट्रिगर.
4. Google Analytics 4 टैग, जो प्रोसेस करने के लिए इवेंट डेटा को Google Analytics को भेजता है.

इस उदाहरण के लिए, हम मान लेंगे कि आपने पहले ही अपना सर्वर कंटेनर बना लिया है और उसे डिप्लॉय कर दिया है.

gtag.js कॉन्फ़िगर करना

सबसे पहले, अपने सर्वर कंटेनर में डेटा भेजने के लिए gtag.js को कॉन्फ़िगर करें. gtag.js की मदद से, सर्वर कंटेनर में डेटा भेजने की प्रोसेस, Google Analytics में डेटा भेजने की प्रोसेस जैसी ही होती है. हालांकि, इसमें एक बदलाव होता है. नीचे दिए गए उदाहरण वाले पेज की तरह, सर्वर कंटेनर पर ले जाने के लिए, server_container_url config विकल्प को सेट करें.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'TAG_ID', {
    server_container_url: 'https://analytics.example.com',
  });
</script>

TAG_ID की जगह अपना टैग आईडी डालें. https://analytics.example.com की जगह अपने सर्वर कंटेनर का यूआरएल डालें.

इसके बाद, click इवेंट को मैनेज करने के लिए sendEvent() फ़ंक्शन जोड़ें:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'TAG_ID', {
    server_container_url: 'https://analytics.example.com',
  });

  function sendEvent() {
    gtag('event', 'click');
  }
</script>

<button onclick="javascript:sendEvent()">Send Event</button>

TAG_ID की जगह अपना टैग आईडी डालें. https://analytics.example.com की जगह अपने सर्वर कंटेनर का यूआरएल डालें.

इस कॉन्फ़िगरेशन की मदद से, इस उदाहरण में शामिल sendEvent() फ़ंक्शन जैसे इवेंट हैंडलर, आपके सर्वर कंटेनर को click इवेंट भेजेंगे.

ध्यान दें: Tag Manager इंस्टॉलेशन के लिए, अपने कंटेनर को कॉन्फ़िगर करने के तरीके के बारे में ज़्यादा जानकारी के लिए, "सर्वर साइड Tag Manager को डेटा भेजें" पढ़ें.

Google Analytics 4 क्लाइंट

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

क्लिक ट्रिगर

इसके बाद, click इवेंट पर ट्रिगर होने वाला ट्रिगर बनाएं. ऐसा कस्टम ट्रिगर बनाएं जो तब ट्रिगर हो, जब इवेंट का नाम वाला पहले से मौजूद वैरिएबल, "क्लिक" के बराबर हो.

Google Analytics 4 टैग

आखिर में, ट्रिगर से GA4 टैग अटैच करें. क्लाइंट की तरह ही, सर्वर कंटेनर में भी GA4 टैग शामिल होता है. बस टैग बनाएं, अपनी सेटिंग कॉन्फ़िगर करें, और अब आपका कंटेनर तैयार है. GA4 क्लाइंट और GA4 टैग को एक साथ काम करने के लिए डिज़ाइन किया गया है. इसका मतलब है कि आपको सिर्फ़ एक GA4 टैग बनाना है और उसका कॉन्फ़िगरेशन, क्लाइंट से आने वाले इवेंट से अपने-आप खींच लिया जाएगा.

कंटेनर की झलक देखना

कंटेनर कॉन्फ़िगर हो जाने के बाद, झलक देखें पर क्लिक करें. अपनी वेबसाइट को किसी अलग ब्राउज़र विंडो में खोलें. अनुरोध और इवेंट आपके सर्वर कंटेनर में भेजे जाते हैं. इसलिए, आपको झलक वाले पेज की बाईं ओर अनुरोध और इवेंट दिखेंगे.

अपने बदलावों से संतुष्ट होने के बाद, सर्वर कंटेनर को पब्लिश करें.

पहले पक्ष की मदद से विज्ञापन दिखाने की सुविधा के साथ, अपने सर्वर को प्रोडक्शन मोड के लिए कॉन्फ़िगर करना

अपने सर्वर कंटेनर पर कोई भी प्रोडक्शन ट्रैफ़िक भेजने से पहले, हमारा सुझाव है कि आप अपने फ़र्स्ट पार्टी डोमेन पर सर्वर इंस्टॉल करें और सर्वर को प्रोडक्शन मोड पर अपग्रेड करें.