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

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

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

दर्शक

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

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

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

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

खास जानकारी

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

1. Google टैग के साथ इंटिग्रेशन बनाना
2. अपने उपयोगकर्ता के इनपुट का स्ट्रक्चर अपडेट करना
3. Consent API को लागू करना
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('js', new Date());
  gtag('set', 'developer_id.<developer ID>', true); // Replace with your Google tag Developer ID

  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, कन्वर्ज़न लिंक करने वाला टैग), उपयोगकर्ता की नई सहमति की स्थिति को पढ़ सकता है. साथ ही, &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
});

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

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

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

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

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

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