GA4 ई-कॉमर्स (analytics.js - स्टैंडर्ड ई-कॉमर्स): GA4 ई-कॉमर्स इवेंट भेजना

इस गाइड में बताया गया है कि Google Analytics 4 ई-कॉमर्स इवेंट का इस्तेमाल करने के लिए, analytics.js Universal Analytics के मौजूदा स्टैंडर्ड ई-कॉमर्स को कैसे माइग्रेट किया जाए.

अन्य माइग्रेशन गाइड और संसाधनों के लिए, डेवलपर माइग्रेशन सेंटर पर जाएं.

नतीजा

इस गाइड को फ़ॉलो करने का नतीजा यह है कि Google Analytics 4 को लागू करने पर, GA4 ई-कॉमर्स इवेंट को नई GA4 प्रॉपर्टी और मौजूदा Universal Analytics प्रॉपर्टी को भेजा जाएगा. मौजूदा Universal Analytics प्रॉपर्टी को GA4 ई-कॉमर्स डेटा मिलेगा, लेकिन रिपोर्ट में कोई बदलाव नहीं होगा.

ये माइग्रेशन के दो चरण हैं:

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

  1. पुष्टि करें कि यह जानकारी, लागू करने के आपके मौजूदा तरीके के बारे में बताती है:

    • Universal Analytics प्रॉपर्टी का इस्तेमाल किया जा रहा है.
    • ई-कॉमर्स इवेंट भेजने के लिए, आपकी साइट analytics.js लाइब्रेरी का इस्तेमाल करती है.

  2. हर विकल्प के साथ होने वाले फ़ायदों के बारे में जानने के लिए, ई-कॉमर्स को लागू करने के तरीके को माइग्रेट करने के विकल्प देखें. पुष्टि करें कि आपको वाकई में अपने मौजूदा Universal Analytics को लागू करने के लिए, Google Analytics 4 ई-कॉमर्स इवेंट का इस्तेमाल करने के लिए इस गाइड का पालन करना है.

  3. यह जानने के लिए कि UA प्रॉपर्टी पर भेजे जाने पर, GA4 परचेज़ इवेंट का अनुवाद कैसे किया जाता है, इवेंट के साथ काम करने की जानकारी वाला रेफ़रंस देखें.

ट्रेड-ऑफ़ और विचार

Universal Analytics ई-कॉमर्स लागू करने की प्रोसेस के साथ, Google Analytics 4 ई-कॉमर्स इवेंट का इस्तेमाल करने के नतीजों को समझने के लिए, नीचे दी गई जानकारी पढ़ें और देखें.

फ़ायदे नुकसान
  • GA4 और Universal Analytics, दोनों रिपोर्ट में ई-कॉमर्स डेटा देखा जा सकता है.
  • GA4 purchase इवेंट पर माइग्रेट करने से, UA की पूरी ई-कॉमर्स रिपोर्ट मिल जाएंगी.
  • analytics.js से gtag.js पर माइग्रेट करने से जुड़ा अतिरिक्त काम. हमारा सुझाव है कि आप सभी कस्टम मेज़रमेंट को analytics.js से gtag.js पर माइग्रेट करें. जैसे, इवेंट, पेज व्यू, समय वगैरह.

लागू करने का तरीका

1. UA मेज़रमेंट को analytics.js से gtag.js पर माइग्रेट करना

GA4 ई-कॉमर्स इवेंट भेजने के लिए, आपको analytics.js से gtag.js पर माइग्रेट करना होगा. इसमें कस्टम मेज़रमेंट की सुविधा भी शामिल है.

आम तौर पर, माइग्रेशन की प्रक्रिया में ये चरण शामिल हैं:

  1. analytics.js स्निपेट हटाएं.
  2. Google टैग (gtag.js) इंस्टॉल करें और अपनी UA प्रॉपर्टी के ट्रैकिंग आईडी के साथ कॉन्फ़िगर करें.
  3. अपने कस्टम मेज़रमेंट कोड को analytics.js से gtag.js पर माइग्रेट करें. नीचे दिए गए सेक्शन में, स्टैंडर्ड ई-कॉमर्स लेन-देन को माइग्रेट करने का तरीका बताया गया है. अन्य मेज़रमेंट से जुड़े मामलों को माइग्रेट करने के बारे में सामान्य मदद पाने के लिए, मेज़रमेंट माइग्रेशन देखें.

पहले: analytics.js टैग

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');    // Universal Analytics property.
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

बाद में: Google टैग (gtag.js)

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');    // Universal Analytics property.
</script>

2. GA4 इवेंट भेजने के लिए, ई-कॉमर्स लागू करने की प्रक्रिया को अपडेट करें

Universal Analytics ई-कॉमर्स इवेंट से Google Analytics 4 इवेंट पर माइग्रेट करने के लिए, लागू किए गए अपने मौजूदा ई-कॉमर्स को अपडेट करें. यह चरण पूरा करने के बाद, आपकी Universal Analytics प्रॉपर्टी को GA4 purchase इवेंट मिलेगा. इस अपडेट के असर को समझने के लिए, खराबी और खास बातें देखें.

नीचे दिए गए उदाहरण में, analytics.js स्टैंडर्ड ई-कॉमर्स ट्रांज़ैक्शन इवेंट को GA4 से मिलते-जुलते GA4 ई-कॉमर्स purchase इवेंट में माइग्रेट करने का तरीका बताया गया है. यह इवेंट, Universal Analytics के साथ काम करता है.

पहले: UA का स्टैंडर्ड ई-कॉमर्स लेन-देन (analytics.js)

नीचे दिए गए उदाहरण में, दो आइटम वाले लेन-देन के लिए analytics.js स्टैंडर्ड ई-कॉमर्स को लागू करने की जानकारी दी गई है:

// Add the transaction.
ga('ecommerce:addTransaction', {
  id: '1234',     // Transaction ID.
  affiliation: 'Google Store',
  revenue: '29.97',
  shipping: '5.25',
  tax: '2.42'
});

// Add the items belonging to the transaction.
ga('ecommerce:addItem', {
  id: '1234',     // Transaction ID.
  name: 'Android Warhol T-Shirt',
  sku: 'P12345',  // Item ID.
  category: 'Apparel/T-Shirts',
  price: '12.99',
  quantity: '2'
});
ga('ecommerce:addItem', {
  id: '1234',     // Transaction ID.
  name: 'Flame challenge T-Shirt',
  sku: 'P67890',  // Item ID.
  category: 'Apparel/T-Shirts',
  price: '3.99',
  quantity: '1'
});
ga('ecommerce:send');

बाद में: GA4 ई-कॉमर्स खरीदारी (gtag.js)

analytics.js ट्रांज़ैक्शन इवेंट को GA4 purchase इवेंट में माइग्रेट करते समय, मुख्य अंतर ये हैं:

  • GA4 में एक purchase इवेंट होता है, जिसमें लेन-देन की सभी जानकारी और आइटम शामिल होते हैं. एक जैसी जानकारी हासिल करने के लिए, analytics.js कई ga() ई-कॉमर्स निर्देश चलाता है.
  • GA4 में पूरे इवेंट के लिए एक ही transaction_id फ़ील्ड होता है. analytics.js के लिए, हर आइटम के साथ लेन-देन आईडी शामिल होना ज़रूरी है.
  • GA4 में आइटम की कई कैटगरी वाले फ़ील्ड होते हैं. analytics.js, हैरारकी के बारे में बताने के लिए, / डीलिमिटर वाले एक ही कैटगरी वाले फ़ील्ड का इस्तेमाल करता है. हालांकि, एक से ज़्यादा आइटम कैटगरी फ़ील्ड वाले GA4 इवेंट, कैटगरी पैरामीटर के अनुवाद की वजह से आपकी UA प्रॉपर्टी के लिए काम करेंगे.
 gtag('event', 'purchase', {
   currency: 'USD',
   transaction_id: '1234',    // Transaction ID.
   value: 29.97,
   affiliation: 'Google Store',
   shipping: 5.25,
   tax: 2.42,
   items: [
    {
      item_id: 'P12345',     // Item ID.
      item_name: 'Android Warhol T-Shirt',
      item_category: 'Apparel',
      item_category2: 'T-Shirts',
      price: 12.99,
      quantity: 2
    },
    {
      item_id: 'P67890',    // Item ID.
      item_name: 'Flame challenge T-Shirt',
      item_category: 'Apparel',
      item_category2: 'T-Shirts',
      price: 3.99,
      quantity: 1
    }
  ]
});

3. नई GA4 प्रॉपर्टी बनाना और कॉन्फ़िगर करना

GA4 ई-कॉमर्स इवेंट भेजने के लिए, ई-कॉमर्स लागू करने की सेटिंग को अपडेट करने के बाद, इनमें से किसी एक विकल्प को पूरा करके नई Google Analytics 4 प्रॉपर्टी में डेटा भेजें.

पहला विकल्प: GA4 सेटअप असिस्टेंट का इस्तेमाल करना और कनेक्ट किए गए साइट टैग चालू करना

GA4 की सेटअप असिस्टेंट सुविधा, अपने-आप नई GA4 प्रॉपर्टी बना देगी और आपकी Universal Analytics प्रॉपर्टी से ये सेटिंग कॉपी करेगी: प्रॉपर्टी का नाम, वेबसाइट यूआरएल, टाइमज़ोन, और मुद्रा की सेटिंग. आपकी नई GA4 प्रॉपर्टी लोड करने के लिए, लागू किए गए मौजूदा Universal Analytics gtag.js का फिर से इस्तेमाल करने के लिए, कनेक्ट किए गए साइट टैग की सुविधा भी चालू की जा सकती है.

नई Google Analytics 4 प्रॉपर्टी बनाने और कॉन्फ़िगर करने के लिए, GA4 सेटअप असिस्टेंट में बताए गए तरीके का पालन करें. पक्का करें कि आपने कनेक्ट किए गए साइट टैग की सुविधा का इस्तेमाल करने के लिए, अपने मौजूदा टैग का इस्तेमाल करके, डेटा कलेक्शन चालू करें विकल्प को चुना है.

दूसरा विकल्प: अपना gtag.js स्निपेट अपडेट करना

  1. नई Google Analytics 4 प्रॉपर्टी बनाएं.
    • Google Analytics 4 प्रॉपर्टी जोड़ने के लिए, GA4 की सेटअप असिस्टेंट सुविधा का इस्तेमाल करें. हालांकि, सेटअप के दौरान संकेत मिलने पर, अपने मौजूदा टैग का इस्तेमाल करके, डेटा कलेक्शन चालू करें विकल्प से सही का निशान हटाएं. इसके अलावा, GA4 सेटअप असिस्टेंट के बिना, Google Analytics 4 प्रॉपर्टी बनाएं. Assistant का इस्तेमाल करने का फ़ायदा यह है कि यह आपकी Universal Analytics प्रॉपर्टी की कुछ बुनियादी सेटिंग को कॉपी कर लेगा.
  2. Google Analytics 4 प्रॉपर्टी के लिए टैग आईडी ढूंढें.
  3. टैग आईडी के साथ config कमांड का इस्तेमाल करके, अपने मौजूदा gtag.js स्निपेट में Google Analytics 4 प्रॉपर्टी जोड़ें.

यहां gtag.js स्निपेट का एक उदाहरण दिया गया है. इस स्निपेट ने Universal Analytics और Google Analytics 4 प्रॉपर्टी को कॉन्फ़िगर किया है.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');         // Universal Analytics property.
  gtag('config', 'TAG_ID');  // Google Analytics 4 property.
</script>

4. (ज़रूरी नहीं) अन्य ई-कॉमर्स इवेंट को मेज़र करना

GA4 ई-कॉमर्स रिपोर्टिंग का पूरा फ़ायदा पाने के लिए, अतिरिक्त GA4 ई-कॉमर्स इवेंट लागू करें. ज़्यादा जानने के लिए, Google Analytics 4 ई-कॉमर्स देखें.

डिफ़ॉल्ट gtag.js स्निपेट कॉन्फ़िगरेशन का इस्तेमाल करने पर, GA4 इवेंट आपकी UA और GA4 प्रॉपर्टी, दोनों पर भेजे जाएंगे. आपकी UA प्रॉपर्टी पर भेजे गए GA4 इवेंट का अनुवाद, इवेंट के साथ काम करने की जानकारी वाले लेख में बताए गए तरीके से किया जाएगा. अगर आपको अलग व्यवहार चाहिए, तो gtag.js की ग्रुप और रूट डेटा सुविधा का इस्तेमाल करके, यह कंट्रोल किया जा सकता है कि आपकी UA और GA4 प्रॉपर्टी को कौनसे इवेंट भेजे जाएं. उदाहरण के लिए, अपनी UA और GA4 प्रॉपर्टी, दोनों में purchase इवेंट भेजा जा सकता है, लेकिन अपनी GA4 प्रॉपर्टी पर ही दूसरे GA4 ई-कॉमर्स इवेंट भेजे जा सकते हैं.