यह लेख उन डेवलपर के लिए है जो किसी टैग से Floodlight टैग को दूसरी जगह ले जाना चाहते हैं मैनेजर वेब कंटेनर को सर्वर कंटेनर में.
सर्वर साइड Tag Manager की मदद से, Google Floodlight से होने वाली बिक्री को मूव किया जा सकता है और काउंटर टैग डालें. इन टैग को सर्वर पर ले जाएं पेज पर चलाए जाने वाले कोड की मात्रा को कम करेगा, और सुधार करने में मदद करेगा पेज लोड अवधि में.
शुरू करने से पहले
टैग को अपने सर्वर में ले जाने से पहले, पक्का करें कि:
- Google Tag Manager और Floodlight का एडमिन ऐक्सेस
- Google Tag Manager को सेट अप और इंस्टॉल करना
- सर्वर कंटेनर सेट अप करना
- Google Analytics: GA4 क्लाइंट सेट अप करना
पहला चरण: कन्वर्ज़न लिंक करने वाला टैग सेट अप करना
आपका Floodlight खाता, Google Tag Manager को सिर्फ़ तब कन्वर्ज़न डेटा भेज सकता है, जब आपने कन्वर्ज़न लिंक करने वाला टैग सेट अप किया है.
अगर आपके पास पहले से कन्वर्ज़न लिंक करने वाला टैग कॉन्फ़िगर किया है, तो आपके पास इस चरण को छोड़ने का विकल्प है.
कन्वर्ज़न लिंक करने वाला टैग सेट अप करने के लिए:
- अपने सर्वर कंटेनर फ़ाइल फ़ोल्डर से, इसकी बाईं ओर टैग मेन्यू खोलें करें.
- नया टैग जोड़ने के लिए, नया पर क्लिक करें.
- कन्वर्ज़न लिंक करने वाला टैग टैग टाइप चुनें.
- वह ट्रिगर सेट अप करें, जो कन्वर्ज़न लिंक करने वाले टैग के सर्वर साइड टैग को ट्रिगर करेगा
आग.
ज़्यादातर मामलों में, सभी पेज ट्रिगर सबसे अच्छा विकल्प होता है. - टैग को कोई नाम दें और सेव करें पर क्लिक करें.
दूसरा चरण: Floodlight टैग सेट अप करना
Google Tag Manager, Floodlight काउंटर टैग और Floodlight सेल्स टैग का इस्तेमाल सर्वर कंटेनर में जोड़ा जा सकता है.
फ़्लडलाइट काउंटर
Floodlight काउंटर टैग सेट अप करने के लिए:
- अपने सर्वर कंटेनर फ़ाइल फ़ोल्डर में, बाईं ओर मौजूद टैग मेन्यू चुनें पर क्लिक करें.
- नया टैग जोड़ने के लिए, नया पर क्लिक करें.
Floodlight काउंटर टैग टाइप चुनें.
टैग कॉन्फ़िगरेशन के लिए ज़रूरी वैल्यू इकट्ठा करने के लिए, कोई दूसरा टैग खोलें ब्राउज़र विंडो खोलें और Campaign Manager 360 में साइन इन करें. विज्ञापन देने वाले पर क्लिक करें, फिर विज्ञापन देने वाले के नाम पर क्लिक करें. अपने नए Tag Manager के Floodlight काउंटर टैग में ये वैल्यू डालें:
- विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले व्यक्ति या कंपनी को दिखेगा
विवरण पेज पर क्लिक करें. यह मान है
जनरेट किए गए Floodlight टैग में भी
src=
की वैल्यू मिलती है स्निपेट. - ग्रुप टैग स्ट्रिंग: गतिविधि टेबल में, गतिविधि की पहचान करें
आपको जिस ग्रुप टैग स्ट्रिंग के साथ काम करना है उसे ढूंढें
कॉलम दाईं ओर. यह मान के रूप में भी पाया जाता है
type=
को जनरेट किए गए Floodlight टैग स्निपेट में डालें. - गतिविधि टैग स्ट्रिंग: गतिविधि टेबल में,
वह गतिविधि जिसके लिए आपको काम करना है और गतिविधि टैग ढूंढना है
स्ट्रिंग दिखाई गई है, जो दाईं ओर दिए गए कॉलम में मौजूद है. यह इस तरह भी पाया जाता है
जनरेट किए गए Floodlight टैग स्निपेट में
cat=
की वैल्यू दी गई है.
- विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले व्यक्ति या कंपनी को दिखेगा
विवरण पेज पर क्लिक करें. यह मान है
जनरेट किए गए Floodlight टैग में भी
मनमुताबिक गिनती का तरीका सेट करें:
- स्टैंडर्ड: इससे हर कन्वर्ज़न की गिनती होती है.
- यूनीक: हर यूनीक उपयोगकर्ता के लिए पहले कन्वर्ज़न को गिनता है ईस्टर्न टाइम (अमेरिका) के हिसाब से, आधी रात से आधी रात तक, हर 24 घंटे के दौरान.
- हर सेशन के हिसाब से: इससे हर सेशन के हिसाब से हर उपयोगकर्ता के लिए एक कन्वर्ज़न की गिनती होती है. सेशन की अवधि उस साइट से तय की जाती है जहां Floodlight टैग है परिनियोजित किया गया.
ट्रिगर चुनें विंडो खोलें.
ट्रिगर कॉन्फ़िगरेशन मेन्यू में, कोई ट्रिगर चुनें. ज़्यादातर मामलों में, सभी पेज सबसे अच्छा विकल्प है.
टैग का नाम डालें और सेव करें पर क्लिक करें.
फ़्लडलाइट सेल्स
Floodlight सेल्स टैग सेट अप करने के लिए:
- अपने सर्वर कंटेनर फ़ाइल फ़ोल्डर में, बाईं ओर मौजूद टैग मेन्यू चुनें पर क्लिक करें.
- नया टैग जोड़ने के लिए, नया पर क्लिक करें.
Floodlight सेल्स टैग टाइप चुनें. ध्यान दें: Floodlight सेल्स टैग यहां से अपने-आप ये वैल्यू इकट्ठा करता है: संबंधित ई-कॉमर्स फ़ील्ड:
* Order ID (Transaction ID) * Revenue (Value)
टैग कॉन्फ़िगरेशन के लिए ज़रूरी वैल्यू इकट्ठा करने के लिए, कोई दूसरा टैग खोलें ब्राउज़र विंडो खोलें और Campaign Manager में साइन इन करें 360. क्लिक करें विज्ञापन देने वाले और उसके बाद, विज्ञापन देने वाले के नाम पर क्लिक करें. इन्हें डालें अपने नए Tag Manager के Floodlight काउंटर टैग में ये वैल्यू डालें:
- विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले व्यक्ति या कंपनी को दिखेगा
विवरण पेज पर क्लिक करें. यह मान है
जनरेट किए गए Floodlight टैग में भी
src=
की वैल्यू मिलती है स्निपेट. - ग्रुप टैग स्ट्रिंग: गतिविधि टेबल में, गतिविधि की पहचान करें
आपको जिस ग्रुप टैग स्ट्रिंग के साथ काम करना है उसे ढूंढें
कॉलम दाईं ओर. यह मान के रूप में भी पाया जाता है
type=
को जनरेट किए गए Floodlight टैग स्निपेट में डालें. - गतिविधि टैग स्ट्रिंग: गतिविधि टेबल में,
वह गतिविधि जिसके लिए आपको काम करना है और गतिविधि टैग ढूंढना है
स्ट्रिंग दिखाई गई है, जो दाईं ओर दिए गए कॉलम में मौजूद है. यह इस तरह भी पाया जाता है
जनरेट किए गए Floodlight टैग स्निपेट में
cat=
की वैल्यू दी गई है.
- विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले व्यक्ति या कंपनी को दिखेगा
विवरण पेज पर क्लिक करें. यह मान है
जनरेट किए गए Floodlight टैग में भी
मनमुताबिक गिनती का तरीका सेट करें:
- स्टैंडर्ड: इससे हर कन्वर्ज़न की गिनती होती है.
- यूनीक: हर यूनीक उपयोगकर्ता के लिए पहले कन्वर्ज़न को गिनता है ईस्टर्न टाइम (अमेरिका) के हिसाब से, आधी रात से आधी रात तक, हर 24 घंटे के दौरान.
- हर सेशन के हिसाब से: इससे हर सेशन के हिसाब से हर उपयोगकर्ता के लिए एक कन्वर्ज़न की गिनती होती है. सेशन की अवधि उस साइट से तय की जाती है जहां Floodlight टैग है परिनियोजित किया गया.
ट्रिगर चुनें विंडो खोलें.
ट्रिगर कॉन्फ़िगरेशन मेन्यू में, कोई ट्रिगर चुनें. ज़्यादातर मामलों में, सभी पेज सबसे अच्छा विकल्प है.
टैग का नाम डालें और सेव करें पर क्लिक करें.
ज़रूरी नहीं: बेहतर कन्वर्ज़न ट्रैकिंग सेट अप करें
अगर आप बेहतर कन्वर्ज़न ट्रैकिंग का इस्तेमाल नहीं करते हैं, तो सीधे अपने सेटअप करते हैं.
बेहतर कन्वर्ज़न इसके लिए, नीचे दिया गया तरीका अपनाएं.
उपयोगकर्ता से मिले डेटा वैरिएबल को सेट अप करना
Tag Manager में बेहतर कन्वर्ज़न ट्रैकिंग लागू करने के तीन तरीके हैं. उपयोगकर्ता से मिले डेटा को इकट्ठा करने के लिए, आपको सिर्फ़ एक विकल्प चुनना होगा.
डेटा अपने-आप इकट्ठा होने की सुविधा | मैन्युअल कॉन्फ़िगरेशन | कोड कॉन्फ़िगरेशन | |
---|---|---|---|
डेटा इकट्ठा करने का तरीका | इसके आधार पर, उपयोगकर्ता से मिला डेटा अपने-आप इकट्ठा होता है
वेबसाइट. अगर आपको यह कंट्रोल करना है कि इनपुट कहां से इकट्ठा किए जाएं, तो का मैन्युअल या कोड सेटअप किया जाता है. |
इकट्ठा करने के लिए, चुनिंदा सीएसएस प्रॉपर्टी या JavaScript वैरिएबल की जानकारी दें
उपयोगकर्ता से मिला डेटा. अगर आपको डेटा फ़ॉर्मैटिंग और हैशिंग का कंट्रोल चाहिए, तो कोड कॉन्फ़िगरेशन का विकल्प चुनें. |
अपनी वेबसाइट पर ऐसा कोड स्निपेट जोड़ें जो ग्राहक से जुड़ा हैश किया गया डेटा भेजता हो
का इस्तेमाल करें. ज़्यादा सटीक जानकारी पाने के लिए, यह तरीका सबसे अच्छा विकल्प है. एक जैसा फ़ॉर्मैट किया गया डेटा भेजकर बेहतर कन्वर्ज़न ट्रैकिंग जब भी आपका कन्वर्ज़न टैग ट्रिगर होता है. |
जटिलता | सरल | सामान्य | जटिल |
कौशल | किसी खास कौशल की ज़रूरत नहीं | एचटीएमएल और सीएसएस | वेब डेवलपमेंट |
डेटा अपने-आप इकट्ठा होने की सुविधा
- अपने वेब कंटेनर में, वैरिएबल मेन्यू खोलें.
- उपयोगकर्ता से मिला डेटा टाइप का, उपयोगकर्ता के हिसाब से तय किया जाने वाला नया वैरिएबल बनाएं.
- टाइप को अपने-आप इकट्ठा होने की सुविधा पर सेट करें.
- वैरिएबल को नाम दें, जैसे कि
My user-defined data
. - सेव करें पर क्लिक करें.
मैन्युअल कॉन्फ़िगरेशन
- अपने वेब कंटेनर में, वैरिएबल मेन्यू खोलें.
- उपयोगकर्ता से मिला डेटा टाइप का, उपयोगकर्ता के हिसाब से तय किया जाने वाला नया वैरिएबल बनाएं.
- टाइप को मैन्युअल कॉन्फ़िगरेशन पर सेट करें.
उपयोगकर्ता के जिस काम के डेटा फ़ील्ड को बेहतर कन्वर्ज़न ट्रैकिंग की मदद से उपलब्ध कराना है उसके लिए, कोई नया या मौजूदा वैरिएबल जोड़ें.
डीओएम से कोई एलिमेंट तय करने के लिए, नया वैरिएबल > वैरिएबल कॉन्फ़िगरेशन > डीओएम एलिमेंट बनाएं.
चुनने के तरीके में, सीएसएस सिलेक्टर या आईडी का इस्तेमाल किया जा सकता है. सलाह: अगर आपके सीएसएस वैरिएबल बार-बार बदलते हैं, तो अपनी साइट में एचटीएमएल आईडी जोड़ें और आईडी वैरिएबल का इस्तेमाल करें.
सीएसएस सिलेक्टर या आईडी का नाम डालें. एट्रिब्यूट के नाम वाला फ़ील्ड खाली छोड़ा जा सकता है.
डीओएम एलिमेंट वैरिएबल को नाम दें और सेव करें. इसके बाद, आपकी स्क्रीन उपयोगकर्ता से मिले डेटा की सेटिंग पर वापस आ जाएगी.
उपयोगकर्ता से मिला डेटा वैरिएबल को नाम दें, जैसे कि
My user-defined data
.सेव करें पर क्लिक करें.
कोड कॉन्फ़िगरेशन
पहला चरण: अपने बेहतर कन्वर्ज़न ट्रैकिंग वैरिएबल की पहचान करना और उन्हें परिभाषित करना
हैश नहीं किया गया डेटा भेजा जा सकता है. Google, डेटा से पहले इस डेटा को हैश करेगा
सर्वर या पहले से हैश किए गए डेटा तक पहुंचता है. अगर आपको पहले से हैश किया गया डेटा भेजना है, तो
कृपया हेक्स-एन्कोडेड SHA256 का इस्तेमाल करके डेटा को कोड में बदलें. दोनों ही मामलों में, यहां यह जानकारी दें:
इनमें से कम से कम एक फ़ील्ड: email या phone_ number.
डेटा लेयर में हैश नहीं किए गए डेटा को पुश करने के लिए:
अपनी वेबसाइट पर, उपयोगकर्ता से मिले डेटा को की-वैल्यू पेयर के तौर पर इस तरह सेव करें: JavaScript वैरिएबल. उदाहरण के लिए:
var leadsUserData = { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, };
dataLayer.push() का इस्तेमाल करके, इवेंट के साथ उपयोगकर्ता का डेटा भेजें. इसके लिए उदाहरण:
<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, }, }); <script>
वैरिएबल leadsUserData
अब Google Tag Manager में उपलब्ध है.
डेटा लेयर में पहले से हैश किया हुआ डेटा पुश करने के लिए:
आपकी वेबसाइट पर, उपयोगकर्ता से मिले डेटा को हेक्स कोड SHA256 का इस्तेमाल करके हैश करें. कोड में बदले गए डेटा का फ़ंक्शन,
sha256_
से शुरू होना चाहिए. उदाहरण के लिए:{'sha256_email_address':await hashEmail(email.trim()), }
dataLayer.push()
का इस्तेमाल करके, इवेंट के साथ उपयोगकर्ता का डेटा भेजें. कॉन्टेंट बनाने नीचे दिए गए उदाहरण में, डेटा लेयर को लागू करने का तरीका दिखाया गया है. इसके मुताबिक, आपको खुद हैशिंग फ़ंक्शन लिखा हो, जिसे आपने एसिंक्रोनस तरीके से चलाया हो.<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'sha256_email_address': await hashEmail(email.trim()), 'sha256_phone_number': await hashPhoneNumber(phoneNumber), 'address': { sha265_first_name: await hashString(firstname), sha256_last_name: await hashString(lastname), sha256_street: await hashString(streetAddress), postal_code: '12345', }, }, }); <script>
वैरिएबल leadsUserData
अब Google Tag Manager में उपलब्ध है.
दूसरा चरण: उपयोगकर्ता से मिला डेटा वैरिएबल बनाना
- अपने वेब कंटेनर में, वैरिएबल मेन्यू खोलें.
- उपयोगकर्ता से मिला डेटा टाइप का, उपयोगकर्ता के हिसाब से तय किया गया कोई नया वैरिएबल बनाएं.
- Type को Code पर सेट करें.
- आपको जिस काम के उपयोगकर्ता डेटा फ़ील्ड को उपलब्ध कराना है उसके लिए, ड्रॉप-डाउन मेन्यू पर क्लिक करके नया वैरिएबल चुनें.
- वैरिएबल टाइप चुनें में, डेटा लेयर वैरिएबल चुनें.
- डेटा लेयर वैरिएबल में, स्टोर किए गए उपयोगकर्ता के डेटा का रेफ़रंस दें. उदाहरण के लिए,
leadsUserData
. - डेटा लेयर के वैरिएबल को नाम दें और सेव करें. इसके बाद, आपकी स्क्रीन उपयोगकर्ता से मिले डेटा की सेटिंग पर वापस आ जाएगी.
- उपयोगकर्ता से मिला डेटा वैरिएबल को नाम दें, जैसे कि
My user-defined data
. - सेव करें पर क्लिक करें.
Google टैग के लिए वैरिएबल असाइन करें
- अपने वेब कंटेनर में, टैग मेन्यू खोलें.
- टैग करने वाले सर्वर को डेटा भेजने के लिए इस्तेमाल किए जाने वाले Google टैग में बदलाव करें.
- कॉन्फ़िगरेशन सेटिंग में, एक नया कॉन्फ़िगरेशन पैरामीटर जोड़ें
user_data
नाम का इस्तेमाल किया गया. वैल्यू को उपयोगकर्ता से मिले डेटा पर सेट करें वैरिएबल, उदाहरण के लिए,{{My user-provided data}}
. अपने बदलावों को सेव करें. आपका टैग कुछ ऐसा दिखना चाहिए:
सर्वर साइड Floodlight टैग कॉन्फ़िगर करें
अपने सर्वर कंटेनर में, बेहतर कन्वर्ज़न ट्रैकिंग चालू करने के लिए, फ़्लडलाइट सेल्स या Floodlight काउंटर टैग.
ज़रूरी नहीं: रेवेन्यू की वैल्यू
Floodlight सेल्स टैग, इवेंट के value
पैरामीटर को डिफ़ॉल्ट के तौर पर इस्तेमाल करता है
रकम का पता लगाना है. गणना करने का कोई भिन्न आधार बताने के लिए
रेवेन्यू वैल्यू के लिए, आपको एक वैरिएबल सेट अप करना होगा, ताकि
और उसे अपने Floodlight सेल्स टैग को असाइन करें.
नया वैरिएबल बनाने के लिए:
- अपने सर्वर कंटेनर में, वैरिएबल मेन्यू खोलें.
- डेटा इनपुट के लिए, उपयोगकर्ता के हिसाब से तय किया गया नया वैरिएबल बनाएं. उदाहरण के लिए, अगर अगर आपको Firestore डेटाबेस की कोई वैल्यू इस्तेमाल करनी है, तो {{फ़ायर स्टोर लुकअप}} वैरिएबल.
- वैरिएबल के लिए डेटा सोर्स तय करें.
- वैरिएबल का नाम डालें. उदाहरण के लिए, "मुनाफ़े को खोजना" और सेव करें.
Floodlight सेल्स टैग में वैरिएबल का इस्तेमाल करने के लिए:
- अपने सर्वर कंटेनर में, टैग मेन्यू खोलें.
- Floodlight सेल्स टैग में बदलाव करें.
यूनीक पैरामीटर सेक्शन में:
- डेटा सोर्स के लिए, कस्टम कॉन्फ़िगरेशन चुनें.
- रेवेन्यू के लिए, वह वैरिएबल चुनें जिसे आपने पहले बनाया है.
- ऑर्डर आईडी के लिए, कोई आईडी डालें या वैरिएबल का इस्तेमाल करके अपने-आप जानकारी भरनी हो ऑर्डर आईडी.
टैग सेव करें.
ज़रूरी नहीं: कस्टम पैरामीटर
आप चाहें तो कस्टम
फ़ील्ड से
अपने वेब पेज को Google Marketing Platform, जैसे कि match_id
पर अपलोड करना होगा.
Google Tag Manager
Floodlight के लिए कस्टम फ़ील्ड कॉन्फ़िगर करने के लिए, x-dc-
को
पैरामीटर का नाम:
- अपने वेब कंटेनर में, टैग मेन्यू खोलें.
- GA4 इवेंट टैग में बदलाव करें या नया टैग बनाएं.
इवेंट पैरामीटर में, पैरामीटर का नाम जोड़ें. यह बताने के लिए कि यह Floodlight, प्रीपेंड
x-dc-
. उदाहरण के लिए, यदि आप आमतौर परmatch_id
, इसे बदलकरx-dc-match_id
करें.टैग सेव करें.
gtag.js
Floodlight के लिए कस्टम फ़ील्ड कॉन्फ़िगर करने के लिए, x-dc-
को इवेंट में पहले जोड़ें
पैरामीटर का नाम:
gtag('event', 'purchase', {
'x-dc-match_id': [MATCH_ID],
...
})
तीसरा चरण: अपने सेटअप की पुष्टि करना
सर्वर कंटेनर के साथ डेटा भेजना शुरू करने के बाद, यह देखें कि ठीक से काम कर रहा है या नहीं, इसके लिए यह तरीका अपनाएं:
- अपनी वेबसाइट खोलें.
- अपने Google Tag Manager के सर्वर कंटेनर में, झलक देखें चुनें. Tag Assistant, आपके सर्वर कंटेनर को शुरू करके लोड करेगा.
- टैग टैब में, ट्रिगर किए गए सभी टैग दिखते हैं. पक्का करें कि आपने जो टैग कॉन्फ़िगर किया था वह ट्रिगर हुआ है या नहीं.
- कंसोल टैब में, डेटा ट्रांसमिशन के दौरान हुई सभी गड़बड़ियां दिखती हैं सर्वर कंटेनर में जोड़ेगा. गड़बड़ियों की जांच करें और उन्हें ठीक करें.
Tag Manager कंटेनर को डीबग करने में ज़्यादा मदद के लिए, झलक और डीबग सहायता देखें.
अगले चरण
Floodlight टैग के सही तरीके से काम करने के बाद, इससे मिलते-जुलते टैग को हटाया जा सकता है डेटा को डुप्लीकेट होने से रोकने के लिए वेब कंटेनर में Floodlight टैग.