Google प्रॉडक्ट कॉन्फ़िगर करें और इवेंट डेटा भेजें

यह पेज उन डेवलपर के लिए है जिन्हें gtag.js का इस्तेमाल करके Google टैग को कॉन्फ़िगर करना है. Google टैग की मदद से, यूज़र इंटरफ़ेस की कुछ सेटिंग में बदलाव भी किया जा सकता है. ज़्यादा जानकारी के लिए, Google टैग की सेटिंग कॉन्फ़िगर करना लेख पढ़ें.

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

इस पेज पर इनके बारे में जानकारी दी गई है:

  1. config कमांड का इस्तेमाल करके, अपनी वेबसाइट और Google प्रॉडक्ट के बीच डेटा फ़्लो को स्थापित करें
  2. event कमांड का इस्तेमाल करके, अपने Google प्रॉडक्ट को इवेंट की जानकारी भेजें
  3. set कमांड का इस्तेमाल करके, हर इवेंट के साथ भेजी जाने वाली वैल्यू सेट करें

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

इस गाइड में यह माना गया है कि आपने ये काम कर लिए हैं:

डेटा फ़्लो सेट अप करने के लिए, आपको इनकी ज़रूरत होगी:

  • उस वेबसाइट कोड का ऐक्सेस जहां आपने Google टैग इंस्टॉल किया है
  • उस Google प्रॉडक्ट का टैग आईडी जिसे Google टैग से कनेक्ट करना है

टैग आईडी क्या है और यह कहां मिलेगा? टैग आईडी, Google टैग की पहचान करता है. एक Google टैग में, कई टैग आईडी हो सकते हैं. उदाहरण के लिए, Google Ads का इस्तेमाल करने पर, अब आपके टैग में दो आईडी होंगे: एक लेगसी आईडी (AW) और Google टैग आईडी (GT).

Google Ads में दो टैग आईडी वाले Google टैग को दिखाने वाली स्क्रीन.

टैग आईडी को आपस में बदला जा सकता है. इस टेबल में खास जानकारी दी गई है कि Google टैग के साथ कौनसे टैग काम करते हैं.

प्रीफ़िक्स आईडी टाइप ब्यौरा
GT-XXXXXX Google टैग नए बनाए गए हर Google टैग को एक GT प्रीफ़िक्स और यूनीक आईडी मिलता है.
G-XXXXXX Google टैग (लेगसी प्रीफ़िक्स) Google Analytics 4 टैग, ऐसे Google टैग होते हैं जिनमें G प्रीफ़िक्स और यूनीक आईडी होता है.
AW-XXXXXX Google टैग (लेगसी प्रीफ़िक्स) Google Ads टैग, ऐसे Google टैग होते हैं जिनमें AW प्रीफ़िक्स और यूनीक आईडी होता है.
DC-XXXXXX Google टैग (लेगसी प्रीफ़िक्स) Google Floodlight टैग, ऐसे Google टैग होते हैं जिनमें DC प्रीफ़िक्स और यूनीक आईडी होता है.

Universal Analytics (UA) टैग, Google टैग (GT) के साथ काम नहीं करते.

अपना टैग आईडी ढूंढें:

पहला चरण: Google के प्रॉडक्ट को अपने टैग से जोड़ना

config कमांड के बारे में जानकारी

config निर्देश से उन Google प्रॉडक्ट के बारे में पता चलता है जिन्हें आपको इवेंट डेटा भेजना है. निर्देश का फ़ॉर्मैट यहां दिया गया है:

gtag('config', 'TAG_ID', {<additional_config_params>});

अतिरिक्त कॉन्फ़िगरेशन पैरामीटर

वैकल्पिक {<additional_config_params>} ऑब्जेक्ट में पैरामीटर तय करके, config कमांड में बदलाव किया जा सकता है और उसे बढ़ाया भी जा सकता है. उदाहरण के लिए, यह पैरामीटर जोड़ने से Google Analytics पेज व्यू अपने-आप नहीं भेजा जाएगा:

gtag('config', 'TAG_ID', {'send_page_view': false});

डेटा इकट्ठा करने की सुविधा सेट अप करना

किसी Google प्रॉडक्ट के लिए डेटा कलेक्शन की सुविधा सेट अप करने के लिए, टैग आईडी के साथ config कमांड जोड़ें.

उदाहरण

Google टैग (GT-XXXXXX) आपके तय किए गए डेस्टिनेशन को डेटा भेजता है. जैसे, Google Ads और GA4.

इस उदाहरण में, अपने कोड को अपडेट करने का तरीका बताया गया है, ताकि Floodlight डेस्टिनेशन से कनेक्ट किया गया दूसरा Google टैग लोड किया जा सके.

Floodlight (टैग आईडी DC-ZZZZZZ) में डेटा भेजने के लिए, पहला Google टैग (टैग आईडी GT-XXXXXX) शुरू करने के बाद, एक और config कमांड जोड़ें:

<head>
 ...
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
  gtag('config', 'GT-XXXXXX');
  gtag('config', 'DC-ZZZZZZ');
</script>
</head>

प्रॉडक्ट के हिसाब से config का व्यवहार

TAG_ID में दिए गए प्रॉडक्ट के आधार पर, config निर्देश भी उस प्रॉडक्ट के लिए कुछ कार्रवाई कर सकता है. उदाहरण के लिए, कुछ मामलों में config कमांड, gtag.js को पेज व्यू इवेंट शुरू करने के लिए कहता है.

हर प्रॉडक्ट के लिए config कमांड का क्या काम करता है, इस बारे में ज़्यादा जानने के लिए प्रॉडक्ट से जुड़ा दस्तावेज़ पढ़ें:

दूसरा चरण: event से डेटा भेजना

event कमांड के बारे में जानकारी

event निर्देश की मदद से, config की मदद से बताए गए प्रॉडक्ट को इवेंट का डेटा भेजा जा सकता है. निर्देश का फ़ॉर्मैट यहां दिया गया है:

gtag('event', 'event_name', {
  'key': 'value',
});

इवेंट के नाम और की-वैल्यू पेयर के बारे में जानकारी

सुझाए गए इवेंट: सुझाए गए इवेंट ऐसे इवेंट होते हैं जिन्हें आपने लागू किया है, लेकिन जिनमें पहले से तय की-वैल्यू पेयर शामिल होते हैं. इन इवेंट से, मौजूदा और आगे होने वाली रिपोर्टिंग बेहतर हो जाती है.

कस्टम इवेंट: अपने इवेंट और डेटा स्ट्रक्चर तय करने के लिए, कस्टम इवेंट भेजने के लिए कस्टम वैल्यू डालें.

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

Google टैग शुरू करने के बाद, अपने कोड में कहीं भी event तरीके को कॉल किया जा सकता है.

  1. इवेंट तय करें. सुझाए गए किसी इवेंट का इस्तेमाल करने पर, पक्का करें कि स्टैंडर्ड इवेंट के नामों और पहले से तय की-वैल्यू पेयर का इस्तेमाल किया जा रहा हो.

  2. तय करें कि इवेंट कब ट्रिगर होगा. उदाहरण के लिए, क्या इवेंट पेज लोड होने के साथ भेजा जाएगा या जब कोई व्यक्ति किसी बटन पर क्लिक करेगा.

उदाहरण

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

<head>
   ...
   /* 1. Initialize the Google tag and gtag.js library */
   <!-- Google tag (gtag.js) -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments)};
     gtag('js', new Date());
     gtag('config', 'TAG_ID');
   </script>
</head>

<body>
   <script>
     let date = Date.now();
     /* 2. Define your event. */
     function newsletterSignup() {
       gtag('event', 'newsletter_signup', {
       'time': date,
       });
   }
   </script>
   ...
   /* 3. Trigger your event */
   <button type="submit" onlick="newsletterSignup()">Sign me up!</button>
   ...
</body>

ज़रूरी नहीं: set का इस्तेमाल करके हर इवेंट के साथ डेटा भेजें

set कमांड से ऐसे पैरामीटर तय किए जा सकते हैं जो पेज पर, बाद में होने वाले हर इवेंट से जुड़े रहेंगे.

उदाहरण के लिए, आपके पास campaign पैरामीटर शेयर करने का विकल्प है, ताकि उन्हें एक ही पेज पर मौजूद कई टैग से ऐक्सेस किया जा सके.

निर्देश का फ़ॉर्मैट यहां दिया गया है:

gtag('set', 'parameterName');

अगले चरण

Google प्रॉडक्ट और इवेंट सेट अप करने के बाद, Google टैग का बुनियादी कॉन्फ़िगरेशन पूरा हो जाता है.

अगर एक से ज़्यादा प्रॉडक्ट मैनेज किए जा रहे हैं और आपको उनके डेटा फ़्लो को ज़्यादा जानकारी के साथ मैनेज करना है, तो ग्रुप और रूट डेटा देखें.