Google Floodlight टैग

यह लेख उन डेवलपर के लिए है जिन्हें Tag Manager के वेब कंटेनर से Floodlight टैग को सर्वर कंटेनर में ले जाना है.

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

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

टैग को अपने सर्वर में ले जाने से पहले, पक्का करें कि:

पहला चरण: कन्वर्ज़न लिंक करने वाला टैग सेट अप करना

कन्वर्ज़न लिंक करने वाला टैग सेट अप करने पर ही, आपका Floodlight खाता Google Tag Manager को कन्वर्ज़न डेटा भेज सकता है.

अगर आपके सर्वर कंटेनर में पहले से ही कन्वर्ज़न लिंक करने वाला टैग कॉन्फ़िगर है, तो इस चरण को छोड़ा जा सकता है.

कन्वर्ज़न लिंक करने वाला टैग टैग सेट अप करने के लिए:

  1. अपने सर्वर कंटेनर वर्कस्पेस में, पेज की बाईं ओर टैग मेन्यू खोलें.
  2. नया टैग जोड़ने के लिए, नया पर क्लिक करें.
  3. कन्वर्ज़न लिंक करने वाला टैग टैग टाइप चुनें.
  4. वह ट्रिगर सेट अप करें जो कन्वर्ज़न लिंक करने वाला सर्वर साइड टैग ट्रिगर करेगा.
    ज़्यादातर मामलों में, सभी पेज ट्रिगर सबसे अच्छा विकल्प होता है.
  5. टैग को नाम दें और सेव करें पर क्लिक करें. कन्वर्ज़न लिंक करने वाले टैग की जानकारी

दूसरा चरण: Floodlight टैग सेट अप करना

Google Tag Manager में, सर्वर कंटेनर में Floodlight काउंटर टैग और Floodlight सेल्स टैग काम करते हैं.

फ़्लडलाइट काउंटर

Floodlight काउंटर टैग सेट अप करने के लिए:

  1. अपने सर्वर कंटेनर वर्कस्पेस में, पेज की बाईं ओर मौजूद टैग मेन्यू चुनें.
  2. नया टैग जोड़ने के लिए, नया पर क्लिक करें.
  3. Floodlight काउंटर टैग टाइप चुनें.

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

  4. टैग कॉन्फ़िगरेशन के लिए ज़रूरी वैल्यू इकट्ठा करने के लिए, एक और ब्राउज़र विंडो खोलें और Campaign Manager 360 में साइन इन करें. विज्ञापन देने वाले पर क्लिक करें, फिर विज्ञापन देने वाले के नाम पर क्लिक करें. अपने Tag Manager के नए Floodlight काउंटर टैग में, ये वैल्यू डालें:

    • विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले की जानकारी वाले पेज पर उसके नाम के ठीक नीचे दिखेगा. यह वैल्यू, जनरेट किए गए Floodlight टैग स्निपेट में, src= की वैल्यू के तौर पर भी दिखती है.
    • ग्रुप टैग स्ट्रिंग: गतिविधि टेबल में, उस गतिविधि की पहचान करें जिसके लिए आपको काम करना है. इसके बाद, दाईं ओर दिए गए कॉलम में मौजूद, ग्रुप टैग स्ट्रिंग ढूंढें. यह जनरेट किए गए Floodlight टैग स्निपेट में, type= की वैल्यू के रूप में भी दिखता है.
    • गतिविधि टैग स्ट्रिंग: गतिविधि टेबल में, उस गतिविधि की पहचान करें जिसके लिए आपको काम करना है. इसके बाद, दाईं ओर दिए गए कॉलम में मौजूद, गतिविधि टैग स्ट्रिंग ढूंढें. यह जनरेट किए गए Floodlight टैग स्निपेट में, cat= की वैल्यू के रूप में भी पाया जाता है.
  5. अपने हिसाब से गिनती का तरीका सेट करें:

    • स्टैंडर्ड: इससे हर कन्वर्ज़न की गिनती होती है.
    • यूनीक: यह फ़ंक्शन, ईस्टर्न टाइम (यूएस) के अनुसार आधी रात से लेकर आधी रात तक के हर 24 घंटे के दौरान, हर यूनीक उपयोगकर्ता के पहले कन्वर्ज़न की गिनती करता है.
    • हर सेशन के हिसाब से: हर सेशन के हिसाब से, हर उपयोगकर्ता के लिए एक कन्वर्ज़न की गिनती करता है. सेशन की अवधि, उस साइट से सेट की जाती है जहां Floodlight टैग लागू किया जाता है.
  6. ट्रिगर चुनें विंडो खोलें.

  7. कॉन्फ़िगरेशन ट्रिगर करें मेन्यू में, कोई ट्रिगर चुनें. ज़्यादातर मामलों में, सभी पेज सबसे अच्छा विकल्प होता है.

    'सभी पेजों को हाइलाइट किया गया' ट्रिगर करने वाला
ट्रिगर डायलॉग चुनें.

  8. टैग का नाम डालें और सेव करें पर क्लिक करें.

    Floodlight काउंटर टैग के नाम फ़ील्ड को दिखाने वाला स्क्रीनशॉट, जिसे Floodlight
काउंटर टैग में बदला गया है

फ़्लडलाइट सेल्स

Floodlight सेल्स टैग सेट अप करने के लिए:

  1. अपने सर्वर कंटेनर वर्कस्पेस में, पेज की बाईं ओर मौजूद टैग मेन्यू चुनें.
  2. नया टैग जोड़ने के लिए, नया पर क्लिक करें.
  3. Floodlight सेल्स टैग टाइप चुनें. ध्यान दें: Floodlight सेल्स टैग, उससे जुड़े ई-कॉमर्स फ़ील्ड से ये वैल्यू अपने-आप इकट्ठा करता है:

    *   Order ID (Transaction ID)
    *   Revenue (Value)
    
  4. टैग कॉन्फ़िगरेशन के लिए ज़रूरी मान इकट्ठा करने के लिए, एक और ब्राउज़र विंडो खोलें और Campaign Manager 360 में साइन इन करें. विज्ञापन देने वाले पर क्लिक करें और उसके बाद, विज्ञापन देने वाले के नाम पर क्लिक करें. अपने Tag Manager के नए Floodlight काउंटर टैग में, ये वैल्यू डालें:

    • विज्ञापन देने वाले का आईडी: विज्ञापन देने वाले का आईडी, विज्ञापन देने वाले की जानकारी वाले पेज पर उसके नाम के ठीक नीचे दिखेगा. यह वैल्यू, जनरेट किए गए Floodlight टैग स्निपेट में, src= की वैल्यू के तौर पर भी दिखती है.
    • ग्रुप टैग स्ट्रिंग: गतिविधि टेबल में, उस गतिविधि की पहचान करें जिसके लिए आपको काम करना है. इसके बाद, दाईं ओर दिए गए कॉलम में मौजूद, ग्रुप टैग स्ट्रिंग ढूंढें. यह जनरेट किए गए Floodlight टैग स्निपेट में, type= की वैल्यू के रूप में भी दिखता है.
    • गतिविधि टैग स्ट्रिंग: गतिविधि टेबल में, उस गतिविधि की पहचान करें जिसके लिए आपको काम करना है. इसके बाद, दाईं ओर दिए गए कॉलम में मौजूद, गतिविधि टैग स्ट्रिंग ढूंढें. यह जनरेट किए गए Floodlight टैग स्निपेट में, cat= की वैल्यू के रूप में भी पाया जाता है.
  5. अपने हिसाब से गिनती का तरीका सेट करें:

    • स्टैंडर्ड: इससे हर कन्वर्ज़न की गिनती होती है.
    • यूनीक: यह फ़ंक्शन, ईस्टर्न टाइम (यूएस) के अनुसार आधी रात से लेकर आधी रात तक के हर 24 घंटे के दौरान, हर यूनीक उपयोगकर्ता के पहले कन्वर्ज़न की गिनती करता है.
    • हर सेशन के हिसाब से: हर सेशन के हिसाब से, हर उपयोगकर्ता के लिए एक कन्वर्ज़न की गिनती करता है. सेशन की अवधि, उस साइट से सेट की जाती है जहां Floodlight टैग लागू किया जाता है.
  6. ट्रिगर चुनें विंडो खोलें.

  7. कॉन्फ़िगरेशन ट्रिगर करें मेन्यू में, कोई ट्रिगर चुनें. ज़्यादातर मामलों में, सभी पेज सबसे अच्छा विकल्प होता है.

  8. टैग का नाम डालें और सेव करें पर क्लिक करें.

ज़रूरी नहीं: बेहतर कन्वर्ज़न ट्रैकिंग की सुविधा सेट अप करें

अगर बेहतर कन्वर्ज़न ट्रैकिंग की सुविधा का इस्तेमाल नहीं किया जा रहा है, तो अपने सेटअप की पुष्टि करने की प्रक्रिया को छोड़ दें.

बेहतर कन्वर्ज़न ट्रैकिंग को कॉन्फ़िगर करने के लिए, नीचे दिया गया तरीका अपनाएं.

उपयोगकर्ता से मिला डेटा वैरिएबल सेट अप करना

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

अपने-आप कलेक्शन मैन्युअल कॉन्फ़िगरेशन कोड कॉन्फ़िगरेशन
डेटा इकट्ठा करने का तरीका आपकी वेबसाइट के कोड के आधार पर, उपयोगकर्ता से मिला डेटा अपने-आप इकट्ठा होता है.

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

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

डेटा अपने-आप इकट्ठा होने की सुविधा

  1. अपने वेब कंटेनर में, वैरिएबल मेन्यू खोलें.
  2. उपयोगकर्ता से मिला डेटा टाइप का उपयोगकर्ता के हिसाब से तय किया जाने वाला डेटा बनाएं.
  3. टाइप को अपने-आप कलेक्शन पर सेट करें.
  4. वैरिएबल को नाम दें. उदाहरण के लिए, My user-defined data.
  5. सेव करें पर क्लिक करें.

मैन्युअल कॉन्फ़िगरेशन

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

  5. डीओएम से कोई एलिमेंट तय करने के लिए, नया वैरिएबल > वैरिएबल कॉन्फ़िगरेशन > डीओएम एलिमेंट बनाएं.

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

  7. सीएसएस सिलेक्टर या आईडी का नाम डालें. एट्रिब्यूट का नाम वाला फ़ील्ड खाली छोड़ा जा सकता है.

  8. DOM एलिमेंट वैरिएबल को नाम दें और सेव करें. इसके बाद, आपकी स्क्रीन उपयोगकर्ता से मिले डेटा की सेटिंग पर वापस आ जाएगी.

  9. उपयोगकर्ता से मिले डेटा वैरिएबल को नाम दें, जैसे कि My user-defined data.

  10. सेव करें पर क्लिक करें.

कोड कॉन्फ़िगरेशन

पहला चरण: अपने बेहतर कन्वर्ज़न ट्रैकिंग वैरिएबल की पहचान करना और उन्हें परिभाषित करना

हैश नहीं किए गए डेटा को भेजा जा सकता है, जिसके सर्वर तक पहुंचने से पहले Google इसे हैश करेगा. इसके अलावा, पहले से हैश किया गया डेटा भी भेजा जा सकता है. अगर पहले से हैश किया गया डेटा भेजना है, तो कृपया हेक्स-एन्कोडेड SHA256 का इस्तेमाल करके डेटा को कोड में बदलें. दोनों ही मामलों में, इनमें से कम से कम एक फ़ील्ड में जानकारी डालें: ईमेल या phone_ number.
हैश नहीं किए गए डेटा को डेटा लेयर में पुश करने के लिए:

  1. अपनी वेबसाइट पर, उपयोगकर्ता से मिले डेटा को 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',
      },
    };
    
  2. 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 में उपलब्ध है.

डेटा लेयर में पहले से हैश किया हुआ डेटा पुश करने के लिए:

  1. आपकी वेबसाइट पर, उपयोगकर्ता से मिले डेटा को हेक्स कोड SHA256 का इस्तेमाल करके हैश करें. कोड में बदले गए डेटा की कुंजी, sha256_ से शुरू होनी चाहिए. उदाहरण के लिए:

    {'sha256_email_address':await hashEmail(email.trim()),
    }
    
  2. 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 में उपलब्ध है.

दूसरा चरण: उपयोगकर्ता से मिला डेटा वैरिएबल बनाना

  1. अपने वेब कंटेनर में, वैरिएबल मेन्यू खोलें.
  2. उपयोगकर्ता से मिला डेटा टाइप का उपयोगकर्ता के हिसाब से तय किया जाने वाला डेटा बनाएं.
  3. Type को Code पर सेट करें.
  4. आपको जो उपयोगकर्ता डेटा फ़ील्ड उपलब्ध कराना है उसके लिए, ड्रॉप-डाउन मेन्यू पर क्लिक करके नया वैरिएबल चुनें.
  5. वैरिएबल टाइप चुनें में, डेटा लेयर वैरिएबल चुनें.
  6. डेटा लेयर वैरिएबल में, अपने स्टोर किए गए उपयोगकर्ता डेटा का रेफ़रंस दें. उदाहरण के लिए, leadsUserData.
  7. डेटा लेयर के वैरिएबल को नाम दें और सेव करें. इसके बाद, आपकी स्क्रीन उपयोगकर्ता से मिले डेटा की सेटिंग पर वापस आ जाएगी.
  8. उपयोगकर्ता से मिले डेटा वैरिएबल को नाम दें, जैसे कि My user-defined data.
  9. सेव करें पर क्लिक करें.

Google टैग के लिए वैरिएबल असाइन करना

  1. अपने वेब कंटेनर में, टैग मेन्यू खोलें.
  2. टैग करने वाले सर्वर को डेटा भेजने के लिए इस्तेमाल किए जाने वाले Google टैग में बदलाव करें.
  3. कॉन्फ़िगरेशन सेटिंग में, user_data नाम का एक नया कॉन्फ़िगरेशन पैरामीटर जोड़ें. उपयोगकर्ता से मिले डेटा वैरिएबल के लिए वैल्यू सेट करें, जैसे कि {{My user-provided data}}.
  4. अपने बदलाव सेव करें. आपका टैग कुछ ऐसा दिखना चाहिए:

    उपयोगकर्ता से मिले डेटा वैरिएबल की जानकारी देने वाले फ़ाइनल Google टैग कॉन्फ़िगरेशन का स्क्रीनशॉट.

सर्वर-साइड Floodlight टैग कॉन्फ़िगर करें

अपने सर्वर कंटेनर में, Floodlight सेल्स या Floodlight काउंटर टैग में बेहतर कन्वर्ज़न ट्रैकिंग चालू करें.

  1. उपयोगकर्ता से मिला डेटा शामिल करें चेकबॉक्स को चुनें.
    alt_text
  2. अपने बदलावों को सेव करने के लिए, सेव करें दबाएं.

ज़रूरी नहीं: रेवेन्यू की वैल्यू

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

नया वैरिएबल बनाने के लिए:

  1. अपने सर्वर कंटेनर में, वैरिएबल मेन्यू खोलें.
  2. डेटा इनपुट के लिए, उपयोगकर्ता के हिसाब से तय किया गया नया वैरिएबल बनाएं. उदाहरण के लिए, अगर आप किसी Firestore डेटाबेस की वैल्यू का इस्तेमाल करना चाहते हैं, तो &lcub;&lcub;Firestore lookup&rcub;&rcub; वैरिएबल बनाएं.
  3. वैरिएबल के लिए डेटा सोर्स तय करें.
  4. वैरिएबल को नाम दें. उदाहरण के लिए, "मुनाफ़े का पता लगाना" और उसे सेव करें.

Floodlight सेल्स टैग में वैरिएबल का इस्तेमाल करने के लिए:

  1. अपने सर्वर कंटेनर में, टैग मेन्यू खोलें.
  2. Floodlight सेल्स टैग में बदलाव करें.
  3. यूनीक पैरामीटर सेक्शन में:

    • डेटा सोर्स के लिए, कस्टम कॉन्फ़िगरेशन चुनें.
    • रेवेन्यू के लिए, पहले बनाया गया वैरिएबल चुनें.
    • ऑर्डर आईडी के लिए, कोई आईडी डालें या ऑर्डर आईडी को डाइनैमिक तौर पर भरने के लिए वैरिएबल का इस्तेमाल करें.

    रेवेन्यू की वैल्यू के साथ Floodlight सेल्स ट्रैकिंग

  4. टैग सेव करें.

ज़रूरी नहीं: कस्टम पैरामीटर

कस्टम फ़ील्ड को अपने वेब पेज से Google Marketing Platform पर भेजा जा सकता है, जैसे कि match_id.

Google Tag Manager

Floodlight के लिए कस्टम फ़ील्ड कॉन्फ़िगर करने के लिए, x-dc- को पैरामीटर के नाम से पहले जोड़ें:

  1. अपने वेब कंटेनर में, टैग मेन्यू खोलें.
  2. GA4 इवेंट टैग में बदलाव करें या नया इवेंट टैग बनाएं.
  3. इवेंट पैरामीटर में, पैरामीटर का नाम जोड़ें. Floodlight पर जाने का सिग्नल देने के लिए, x-dc- से पहले जोड़ें. उदाहरण के लिए, अगर आम तौर पर match_id भेजा जाता है, तो उसे बदलकर x-dc-match_id करें.

    GA4 वेब टैग में dc- पैरामीटर का कॉन्फ़िगरेशन.

  4. टैग सेव करें.

gtag.js

Floodlight के लिए कस्टम फ़ील्ड कॉन्फ़िगर करने के लिए, इवेंट पैरामीटर के नाम में x-dc- से पहले जोड़ें:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

तीसरा चरण: अपने सेटअप की पुष्टि करना

सर्वर कंटेनर को डेटा भेजना शुरू करने के बाद, नीचे दिए गए तरीके से पता लगाया जा सकता है कि यह ठीक से काम कर रहा है या नहीं:

  1. अपनी वेबसाइट खोलें.
  2. अपने Google Tag Manager के सर्वर कंटेनर में, झलक देखें चुनें. Tag Assistant, आपका सर्वर कंटेनर शुरू करके लोड करेगा.
  3. टैग टैब में आपको ट्रिगर हो चुके सभी टैग दिखते हैं. पक्का करें कि आपने जो टैग कॉन्फ़िगर किया है वह ट्रिगर हुआ है या नहीं.
  4. कंसोल टैब में सर्वर कंटेनर को डेटा ट्रांसमिशन के दौरान होने वाली सभी गड़बड़ियों को दिखाया जाता है. गड़बड़ियों की जांच करें और उन्हें ठीक करें.

Tag Manager कंटेनर को डीबग करने में ज़्यादा मदद के लिए, झलक और डीबग करने से जुड़ी सहायता देखें.

अगले चरण

जब आपका Floodlight टैग सही तरीके से काम करने लगे, तो डेटा डुप्लीकेट से बचने के लिए, किसी वेब कंटेनर से मिलता-जुलता कोई भी Floodlight टैग हटाया जा सकता है.