यह लेख उन डेवलपर के लिए है जो सर्वर साइड टैगिंग का इस्तेमाल करते हैं और अपने सर्वर से Google स्क्रिप्ट दिखाना चाहते हैं.
सर्वर-साइड टैगिंग की मदद से, gtm.js या gtag.js जैसी Google स्क्रिप्ट को Google के सर्वर के बजाय, सीधे अपने टैगिंग सर्वर से लोड किया जा सकता है. इससे, पहले पक्ष के संदर्भ में डेटा दिखाया जा सकता है.
शुरू करने से पहले
इस गाइड में यह माना गया है कि आपने ये काम कर लिए हैं:
- Tag Manager में सर्वर कंटेनर सेट अप करना
- टैग करने वाला सर्वर सेट अप करना
- कस्टम सर्वर डोमेन कॉन्फ़िगर किया
शुरू करने के लिए, लागू करने का विकल्प चुनें.
पहला चरण: क्लाइंट को कॉन्फ़िगर करना
अपने वेब कंटेनर और टैगिंग सर्वर के बीच पहले पक्ष का कॉन्टेक्स्ट बनाने के लिए, Google स्क्रिप्ट को आपके सर्वर से लोड करना होगा.
अपने सर्वर कंटेनर की मदद से Google स्क्रिप्ट लोड करने के लिए:
- Google Tag Manager खोलें
- अपने सर्वर कंटेनर में, क्लाइंट पर क्लिक करें.
- नया पर क्लिक करें
Google Tag Manager: वेब कंटेनर क्लाइंट टाइप चुनें.
क्लाइंट कॉन्फ़िगरेशन में:
- कंटेनर आईडी जोड़ें: उस Tag Manager वेब कंटेनर का कंटेनर आईडी डालें जिसका इस्तेमाल आपको अपनी वेबसाइट पर करना है.
- Google की सभी डिपेंडेंट स्क्रिप्ट, ब्राउज़र में वेब पेज पर अपने-आप खुल जाती हैं: इस विकल्प को चालू करने पर (डिफ़ॉल्ट सेटिंग), टैगिंग सर्वर उन स्क्रिप्ट को अपने-आप दिखाएगा जिनकी ज़रूरत रूट Google स्क्रिप्ट को होती है. इससे, Google स्क्रिप्ट के लिए ज़रूरी हर कंटेनर को अनुमति वाली सूची में शामिल करने की ज़रूरत नहीं होती. अगर आपको टैग करने वाले सर्वर से सिर्फ़ शुरुआती कंटेनर दिखाना है, तो इस विकल्प से चुने हुए का निशान हटाएं.
- इलाके के हिसाब से सेटिंग चालू करें: उपयोगकर्ता की जगह की जानकारी के आधार पर कुछ टैग ट्रिगर करने के लिए, इस विकल्प का इस्तेमाल करें. ज़्यादा जानें.
क्लाइंट को कोई नाम दें और सेव करें.
वर्कस्पेस को पब्लिश करें.
दूसरा चरण: स्क्रिप्ट के सोर्स डोमेन को अपडेट करना
डिफ़ॉल्ट रूप से, Tag Manager या gtag.js, Google के मालिकाना हक वाले सर्वर से अपनी डिपेंडेंसी लोड करते हैं, जैसे कि https://example.com/metrics.
अपने सर्वर से डिपेंडेंसी लोड करने के लिए, आपको अपनी वेबसाइट पर स्क्रिप्ट का यूआरएल अपडेट करना होगा.
अपने सर्वर कंटेनर के ज़रिए GTM कोड लोड करने के लिए:
- पेज पर मौजूदा Tag Manager कोड ढूंढें.
Google Tag Manager के इंस्टॉलेशन कोड के
<head>और<body>में, स्ट्रिंगhttps://example.com/metricsकी जगह टैग करने वाले अपने सर्वर का डोमेन नेम डालें.- मुख्य:
<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://example.com/metrics /gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX ');</script> <!-- End Google Tag Manager -->- Body:
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://example.com/metrics /ns.html?id=TAG_ID " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
तीसरा चरण: अपनी स्क्रिप्ट के सोर्स की पुष्टि करना
यहां दिए गए निर्देशों में, Google Chrome का इस्तेमाल करके जांच करने का तरीका बताया गया है. अपनी पसंद के किसी भी ब्राउज़र का इस्तेमाल किया जा सकता है. हालांकि, इसके लिए ज़रूरी चरण अलग-अलग हो सकते हैं.
यह जांचने के लिए कि आपका सर्वर कंटेनर, डिपेंडेंसी लोड कर रहा है या नहीं:
- अपनी वेबसाइट को ब्राउज़र के नए टैब में खोलें.
- ब्राउज़र के डेवलपर टूल खोलें. Google Chrome में, पेज पर कहीं भी राइट क्लिक करके जांच करें को चुना जा सकता है.
डेवलपर टूल में, सोर्स टैब खोलें. इस विंडो में, वेबसाइट खोलने के दौरान लोड की गई सभी डिपेंडेंसी दिखती हैं.
- ✅ अगर
gtm.jsआपके बताए गए सोर्स से लोड होता है, तो इसका मतलब है कि आपने इसे सही तरीके से लागू किया है.
- ❌ अगर सोर्स टैब में
gtm.jsके सोर्स के तौर परwww.googletagmanager.comदिखता है, तो डिपेंडेंसी अब भी Google के सर्वर से लोड होती हैं.
- देखें कि आपने अपने कोड में सोर्स यूआरएल में बदलाव किया है या नहीं. इसके लिए, दूसरा चरण देखें.
- देखें कि कोड लाइव है या नहीं.
- ✅ अगर
अगले चरण
अगर सहमति मोड का इस्तेमाल किया जा रहा है, तो ज़्यादा कंट्रोल के लिए, इलाके के हिसाब से टैग का व्यवहार सेट अप किया जा सकता है.