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

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

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

इस पेज पर, इन विषयों के बारे में बताया गया है:

1. event कमांड का इस्तेमाल करके, अपने Google प्रॉडक्ट पर इवेंट भेजना
2. set कमांड का इस्तेमाल करके, हर इवेंट के साथ भेजी जाने वाली वैल्यू सेट करें

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

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

• Google टैग के काम करने के तरीके के बारे में जानकारी हासिल कर ली हो
• Google टैग इंस्टॉल किया गया

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

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

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

Google के प्रॉडक्ट में डेटा फ़्लो सेट अप करने के लिए, config कमांड का इस्तेमाल करें.

config निर्देश के बारे में जानकारी

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

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

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

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

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

उदाहरण

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

यहां दिए गए उदाहरण में, 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 कमांड कैसे काम करता है, इसके बारे में ज़्यादा जानने के लिए, प्रॉडक्ट के हिसाब से दिए गए दस्तावेज़ पढ़ें:

• Google Ads विज्ञापन से होने वाले कन्वर्ज़न और रीमार्केटिंग
• Campaign Manager और Display & Video 360
• Search Ads 360
• Google Analytics

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

Google के प्रॉडक्ट से कनेक्शन कॉन्फ़िगर करने के बाद, आपको डेटा भेजने के लिए event कमांड का इस्तेमाल करना होगा.

event निर्देश के बारे में जानकारी

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

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

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

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

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

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

उदाहरण

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

<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" onclick="newsletterSignup()">Sign me up!</button>
   ...
</body>

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

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

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

कमांड का फ़ॉर्मैट इस तरह का होता है:

gtag('set', 'parameterName');

तीसरा चरण: अपने सेटअप की पुष्टि करना

यह पक्का करने के लिए कि आपका इवेंट डेटा सही तरीके से भेजा गया है:

1. वह Google प्रॉडक्ट खोलें जिसमें आपको डेटा देखना है.
2. देखें कि डेटा आ रहा है या नहीं. हर प्रॉडक्ट के लिए, डेटा मिलने की जानकारी अलग-अलग जगह पर देखी जा सकती है:
   • Google Analytics: रीयलटाइम रिपोर्ट देखें.
   • Google Ads: कन्वर्ज़न ऐक्शन टेबल देखें और स्टेटस कॉलम देखें. इसे अपडेट होने में 24 घंटे लग सकते हैं.
   • Floodlight: Tag Assistant का इस्तेमाल करके पुष्टि करें कि Floodlight टैग ट्रिगर हो रहे हैं.

अगले चरण

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

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