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

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

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

ऑडियंस

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

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

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

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

खास जानकारी

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

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

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

Google टैग के साथ इंटिग्रेशन बनाकर, आपके ग्राहक अपनी साइट के हर पेज पर, gtag.js की मदद से Google के मेज़रमेंट प्रॉडक्ट डिप्लॉय कर सकते हैं. 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]* का इस्तेमाल करके, कई आईडी वैरिएंट स्वीकार करना चाहिए

Consent API (जिसे सहमति मोड भी कहा जाता है) लागू करना

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

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

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

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

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

आपको ग्राहक की वेबसाइट से उसके 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
});

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

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 4 प्रॉपर्टी के लिए, ई-कॉमर्स को मेज़र करना

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

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

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

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

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

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

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

जब भी मुमकिन हो, पुष्टि की प्रक्रिया जारी रखने के लिए, कृपया Google के साथ टेस्ट का ऐक्सेस शेयर करें.

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

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