Google टैग को अपने कॉन्टेंट मैनेजमेंट सिस्टम या वेबसाइट बिल्डर में इंटिग्रेट करना

Google टैग, कोड का एक स्निपेट होता है. इसे वेबसाइट में जोड़कर, Google के कई प्रॉडक्ट पर उपयोगकर्ता की गतिविधि को मेज़र किया जा सकता है. इनमें Google Analytics, Google Ads, और Google Marketing Platform शामिल हैं. Google टैग के बारे में ज़्यादा जानें.

इस गाइड में, Google के मेज़रमेंट प्रॉडक्ट को ऐक्सेस करने के लिए, Google टैग को अपने कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) या वेबसाइट बिल्डर में इंटिग्रेट करने का तरीका बताया गया है.

ऑडियंस

यह गाइड, कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) के मालिकों या वेबसाइट बिल्डर के लिए है. ये लोग, अपने उपयोगकर्ताओं को Google के मेज़रमेंट प्रॉडक्ट के साथ इंटिग्रेशन की सुविधा देना चाहते हैं. यह गाइड, सीएमएस या वेबसाइट बिल्डर के उपयोगकर्ताओं के लिए नहीं है.

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

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

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

खास जानकारी

अपने प्लैटफ़ॉर्म को Google के प्रॉडक्ट के साथ इंटिग्रेट करने के लिए, यह तरीका अपनाएं:

1. Google टैग के साथ इंटिग्रेशन बनाना
2. उपयोगकर्ता के इनपुट स्ट्रक्चर को अपडेट करना
3. सहमति एपीआई को लागू करना
4. इवेंट डेटा सेट अप करना
5. अपडेट किए गए इंटिग्रेशन की पुष्टि करना
6. उपयोगकर्ता के लिए डिप्लॉयमेंट के निर्देश अपडेट करना

Google टैग के साथ इंटिग्रेशन बनाना

Google टैग के साथ इंटिग्रेशन बनाने पर, आपके ग्राहक अपनी साइट के हर पेज पर Google के मेज़रमेंट प्रॉडक्ट (gtag.js के ज़रिए) डिप्लॉय कर सकते हैं. gtag.js के साथ इंटिग्रेशन बनाने से पहले, पुराने टैग के इंटिग्रेशन (उदाहरण के लिए, analytics.js) हटाएं.

Google टैग के साथ इंटिग्रेशन बनाने के लिए, मौजूदा कोड स्निपेट को इस स्निपेट से बदलें. पक्का करें कि उपयोगकर्ता TAG_ID को अपने टैग आईडी से बदल सकें.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GOOGLE_TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'developer_id.<developer ID>', true); // Replace with your Google tag Developer ID
  gtag('js', new Date());

  gtag('config', 'GOOGLE_TAG_ID');
</script>

निम्न पर ध्यान दें:

• विज्ञापन देने वाले लोग, दिलचस्पी के मुताबिक विज्ञापन दिखाने की सुविधाओं से ऑप्ट आउट कर सकते हैं. जैसे, रीमार्केटिंग. इसके लिए, वे allow_ad_personalization_signals पैरामीटर का इस्तेमाल कर सकते हैं. ज़्यादा जानकारी के लिए, लोगों की दिलचस्पी के हिसाब से विज्ञापन दिखाने के लिए डेटा इकट्ठा करने की सुविधा को बंद करना लेख पढ़ें.
• आदर्श तौर पर, Google टैग का स्निपेट हर पेज पर सिर्फ़ एक बार दिखना चाहिए. स्निपेट में, कई टैग आईडी शामिल किए जा सकते हैं. अगर gtag.js का कोई मौजूदा इंस्टेंस है, तो आपको मौजूदा टैग में नए टैग आईडी जोड़ने चाहिए. ज़्यादा जानें.

उपयोगकर्ता के इनपुट स्ट्रक्चर को अपडेट करना

आपके ग्राहकों के पास, एक ही इंटरफ़ेस के ज़रिए Google टैग आईडी के कई फ़ॉर्मैट उपलब्ध कराने का विकल्प होना चाहिए. भले ही, वे Google के किसी भी मेज़रमेंट प्रॉडक्ट को डिप्लॉय कर रहे हों.

उदाहरण के लिए, यहां Google टैग का एक सामान्य इनपुट दिखाया गया है. इंटिग्रेशन को Google टैग के लिए डिप्लॉयमेंट के तौर पर फ़्रेम किया जाना चाहिए. इसे Google Ads और Google Analytics को डिप्लॉय करने के तरीके के तौर पर सबटाइटल किया जा सकता है.

इसके अलावा, यहां दिए गए डायग्राम में दिखाया गया है कि किसी प्लैटफ़ॉर्म में Analytics और Ads के लिए अलग-अलग उपयोगकर्ता फ़्लो कैसे हो सकते हैं. हालांकि, हर फ़्लो एक ऐसे इंटरफ़ेस पर ले जाता है जहां उपयोगकर्ता अपना Google टैग आईडी उपलब्ध कराते हैं.

टैग आईडी इनपुट को रेगुलर एक्सप्रेशन पैटर्न [A-Z]{1,3}\\w{5,}[\w]* का इस्तेमाल करके, आईडी के कई वैरिएंट स्वीकार करने चाहिए.

सहमति एपीआई (सहमति मोड) को लागू करना

Google टैग में, उपयोगकर्ता की सहमति को मैनेज करने के लिए, सहमति एपीआई पहले से मौजूद है. यह विज्ञापन के मकसद से कुकी के लिए उपयोगकर्ता की सहमति को, Analytics के मकसद से कुकी के लिए उपयोगकर्ता की सहमति से अलग कर सकता है.

उम्मीद है कि ग्राहकों को कम से कम gtag('consent', 'update' {...}) कॉल इंटिग्रेट मिलेगा. इसके लिए, ग्राहक को कोई कार्रवाई करने की ज़रूरत नहीं होगी. इससे यह पक्का होना चाहिए कि Google टैग (Google Ads, Floodlight, Google Analytics, कन्वर्ज़न लिंक करने वाला टैग) उपयोगकर्ता की सहमति की मौजूदा स्थिति को पढ़ सकें. साथ ही, Google को भेजे जाने वाले नेटवर्क अनुरोधों में, इस स्थिति को शामिल कर सकें. इसके लिए, &gcs पैरामीटर का इस्तेमाल किया जाता है.

लागू करने के अन्य चरणों में, स्थिति को डिप्लॉय करना या विज्ञापन देने वालों की मदद करना शामिल होगा. उदाहरण के लिए, यूज़र इंटरफ़ेस (यूआई) के ज़रिए. साथ ही, Google टैग को अनब्लॉक करना (यानी, सहमति के आधार पर, शर्तों के साथ ट्रिगर न करना), ताकि सहमति मोड उन्हें सहमति के बारे में जानकारी के साथ ट्रिगर कर सके.gtag('consent', default' {...})

लागू करने के बारे में ज़्यादा जानकारी के लिए, सहमति की सेटिंग मैनेज करना (वेब) लेख पढ़ें.

इवेंट डेटा सेट अप करना

आपको ग्राहक की वेबसाइट से, उसके Google खाते में इवेंट का ज़्यादा डेटा भेजना चाहिए. इसके लिए, ग्राहक को कोई कार्रवाई करने की ज़रूरत नहीं होगी. उदाहरण के लिए, खरीदारी फ़नल के साथ इवेंट जोड़े जा सकते हैं. जैसे, add_to_cart, begin_checkout, add_payment_info, add_shipping_info, और purchase. इसके अलावा, लीड जनरेशन और साइन अप से जुड़े इवेंट भी जोड़े जा सकते हैं.

इवेंट जोड़ने के लिए, यहां सबसे सही तरीके दिए गए हैं:

• हर तरह का डेटा लॉग करें
• कम से कम आठ मुख्य इवेंट सेट अप करें
• ई-कॉमर्स इवेंट को प्राथमिकता दें

हर तरह का डेटा लॉग करें

जहां भी हो सके, वहां आपको डिफ़ॉल्ट रूप से इवेंट सेट अप करने चाहिए. इसमें इस तरह का कॉन्टेंट शामिल है:

• मुख्य इवेंट, जैसे कि purchase या sign_up
• मुख्य इवेंट से पहले के इवेंट, जैसे कि add_to_cart
• व्यवहार से जुड़े इंटरैक्शन, जैसे कि मीडिया इंटरैक्शन. इनसे ग्राहकों को यह समझने में मदद मिलती है कि वे अपने असली उपयोगकर्ताओं के साथ कैसे इंटरैक्ट कर रहे हैं

आपको मुख्य इवेंट के स्निपेट सिर्फ़ मुख्य इवेंट वाले पेजों पर जोड़ने चाहिए. जैसे, खरीदारी की पुष्टि, फ़ॉर्म सबमिट करने की पुष्टि. ध्यान दें कि आपको साइट के हर पेज पर Google टैग जोड़ना चाहिए.

इवेंट, event कमांड का इस्तेमाल करके भेजे जाते हैं. इसमें वही Google टैग डेवलपर आईडी शामिल होता है जिसे आपने ऊपर बताए गए ग्लोबल साइट टैग में शामिल किया था:

gtag('event', 'my_event', {
  'developer_id.<developer ID>': true,
  // Additional event parameters
});

उदाहरण के लिए, login इवेंट भेजने के लिए, event कमांड का इस्तेमाल किया जा सकता है. इसकी method वैल्यू "Google" होती है:

gtag('event', 'login', {
  'developer_id.<developer ID>': true,
  'method': 'Google'
});

<!-- Event snippet for sales conversion page -->
<script>
  gtag('event', 'conversion', {
      'developer_id.<developer ID>': true,
      'value': <value>,
      'currency': '<currency>',
      'transaction_id': '<transaction_id>'
  });
</script>

निम्न पर ध्यान दें:

• आपका डेवलपर आईडी <developer ID> यूनीक होता है और यह सिर्फ़ आपके प्लैटफ़ॉर्म के लिए होता है. आईडी को हर इवेंट से जोड़ें.
• यहां दिए गए पैरामीटर वैकल्पिक हैं. इन्हें शामिल करना या न करना आपकी मर्ज़ी पर निर्भर है:
  • 'value' मुख्य इवेंट की संख्या वाली वैल्यू है. उदाहरण के लिए, खरीदारी की कीमत
  • 'currency' तीन अक्षर वाला करंसी कोड है. यह उन विज्ञापन देने वालों के लिए काम का है जो कई मुद्राओं में पेमेंट स्वीकार करते हैं
  • 'transaction_id' लेन-देन के लिए यूनीक आईडी है.उदाहरण के लिए, ऑर्डर आईडी. इसका इस्तेमाल, डुप्लीकेट लेन-देन की गिनती से बचने के लिए किया जाता है.
• हालांकि, कुछ पैरामीटर वैकल्पिक होते हैं, लेकिन हमारा सुझाव है कि हर इवेंट के लिए, ज़्यादा से ज़्यादा जानकारी शामिल करें.
  • पैरामीटर से इस बारे में अतिरिक्त जानकारी मिलती है कि उपयोगकर्ता आपकी वेबसाइट या ऐप्लिकेशन से कैसे इंटरैक्ट करते हैं. उदाहरण के लिए, जब कोई व्यक्ति उस प्रॉडक्ट को देखता है जिसे आपने बेचने के लिए लिस्ट किया है, तो प्रॉडक्ट के बारे में जानकारी देने वाले पैरामीटर शामिल करें, जैसे कि नाम, कैटगरी, और कीमत.
  • कुछ पैरामीटर, Google Analytics में पहले से बने डाइमेंशन और मेट्रिक को अपने-आप पॉप्युलेट करते हैं. साथ ही, उपयोगकर्ताओं को अपने ग्राहकों को बेहतर तरीके से समझने में मदद करते हैं.

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

<!-- Event snippet for sales conversion page
    In your HTML page, add the snippet and call gtag_report_conversion
    when someone clicks on the chosen link or button. -->
<script>
  function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
    'developer_id.<developer ID>': true,
    'value': <value>,
    'currency': '<currency>',
    'transaction_id': '<transaction_id>',
    'event_callback': callback
  });
  return false;
}
</script>

कम से कम आठ मुख्य इवेंट सेट अप करें

हमारा सुझाव है कि आप इवेंट का एक मुख्य सेट अप करें. ये इवेंट, साइट के मालिकों के लिए सबसे ज़्यादा काम के होते हैं. हमारा सुझाव है कि कम से कम ये इवेंट सेट अप करें:

• view_item_list: जब कोई उपयोगकर्ता आइटम की सूची देखता है. उदाहरण के लिए, प्रॉडक्ट की सूची. ज़्यादा जानें

  gtag('event', 'view_item_list', {
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Item",
      currency: "USD",
      discount: 2.22,
      price: 99.9,
      quantity: 1
    }]
  });
  

• add_to_cart: जब कोई उपयोगकर्ता शॉपिंग कार्ट में एक या उससे ज़्यादा प्रॉडक्ट जोड़ता है. ज़्यादा जानें

  gtag('event', 'add_to_cart', {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: 'USD',
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• begin_checkout: जब कोई उपयोगकर्ता एक या उससे ज़्यादा प्रॉडक्ट के लिए चेकआउट की प्रोसेस शुरू करता है. ज़्यादा जानें

  gtag('event', 'begin_checkout') {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: 'USD',
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• purchase: जब कोई उपयोगकर्ता एक या उससे ज़्यादा प्रॉडक्ट या सेवाओं की खरीदारी करता है. ज़्यादा जानें

  gtag('event', 'purchase', {value: XX, currency: 'USD', items: [{xx},{xx}]});
  

• sign_up: जब कोई उपयोगकर्ता साइन अप करता है, ताकि असली उपयोगकर्ता साइन अप के सबसे लोकप्रिय तरीके देख सकें. जैसे, Google खाता, ईमेल पता. ज़्यादा जानें

  gtag('event', 'sign_up', {method: 'web'});
  

• generate_lead: जब कोई उपयोगकर्ता फ़ॉर्म सबमिट करता है. ज़्यादा जानें

  gtag('event', 'generate_lead', {value: XX, currency: 'USD'});
  

• subscribe: जब कोई उपयोगकर्ता किसी सेवा या न्यूज़लेटर की सदस्यता लेता है.

  gtag('event', 'subscribe', {value: XX, currency: 'USD', coupon: 'XX'});
  

• book_appointment: जब कोई उपयोगकर्ता अपॉइंटमेंट बुक करता है.

  gtag('event', 'book_appointment', {value: XX, currency: 'USD', coupon: 'XX'});
  

ज़्यादा सुझाव

Google, कई और इवेंट और पैरामीटर के लिए काम करता है. खास तौर पर, ई-कॉमर्स के लिए. आम तौर पर, हमारा सुझाव है कि आप यह डेटा कैप्चर करें:

• वैल्यू से सीधे तौर पर जुड़ा कोई भी सफलता इवेंट
• सफलता इवेंट, जो मुख्य इवेंट में योगदान देते हैं. जैसे, add_to_cart, sign_up वगैरह
• उपयोगकर्ता के इंटरैक्शन और जुड़ाव. इनसे विज्ञापन देने वालों को यह समझने में मदद मिलती है कि वे अपने असली उपयोगकर्ताओं के साथ कैसे इंटरैक्ट कर रहे हैं

यहां दिए गए अन्य संसाधनों में, इवेंट कलेक्शन के बारे में ज़्यादा जानकारी दी गई है:

• इवेंट
• इस्तेमाल के उदाहरण के हिसाब से सुझाए गए इवेंट
• Google Analytics प्रॉपर्टी के लिए ई-कॉमर्स को मेज़र करना

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

अपडेट किए गए इंटिग्रेशन की पुष्टि करना

प्रोडक्शन में बदलाव पुश करने से पहले, इनके साथ कंपैटबिलटी की पुष्टि करें:

• Google Analytics डेस्टिनेशन के साथ आपका Google टैग
• रीमार्केटिंग और कन्वर्ज़न मेज़रमेंट के लिए आपका Google टैग

इसके अलावा, पुष्टि करें कि टैग सभी पेजों पर सही तरीके से ट्रिगर हो रहा है. इसमें मुख्य इवेंट वाले पेज भी शामिल हैं. इसके लिए, इनमें से किसी भी टूल का इस्तेमाल करें:

• Google Tag Assistant: Tag Assistant की मदद से, यह देखा जा सकता है कि Google के कौनसा टैग ट्रिगर हुए हैं और किस क्रम में. टैग असिस्टेंट डीबग मोड दिखाता है कि डेटा लेयर को कौनसा डेटा भेजा जा रहा है. साथ ही, उन डेटा एक्सचेंज को कौनसे इवेंट ट्रिगर कर रहे हैं.
• Chrome डेवलपर टूल: डेटा भेजने के तरीके की पुष्टि करने के लिए, नेटवर्क टैब का इस्तेमाल करके, "google" वाले अनुरोधों को फ़िल्टर करें.
• (सर्वर-साइड) Google Analytics की रीयलटाइम रिपोर्ट: Google Analytics का कोई खाता बनाएं और रीयलटाइम रिपोर्ट का इस्तेमाल करके देखें कि Google के सर्वर को टैग हिट मिल रहे हैं या नहीं.

किसी गड़बड़ी की शिकायत करने या ज़रूरी जानकारी न होने के बारे में सुझाव/राय देने के लिए, कॉन्टेंट मैनेजमेंट सिस्टम की सहायता के लिए बना फ़ॉर्म भरें.

लगातार पुष्टि के लिए, कृपया Google के साथ टेस्ट ऐक्सेस शेयर करें.

उपयोगकर्ता के लिए डिप्लॉयमेंट के निर्देश अपडेट करना

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