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

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

Consent API यानी सहमति मोड को लागू करना

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

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

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

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

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

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

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