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

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

इवेंट किस तरह के हैं

Google Analytics इवेंट को चार कैटगरी में बांटा गया है:

इवेंट का टाइप लिंक क्या आपको सेटअप करने में मदद चाहिए? ब्यौरा और इस्तेमाल का उदाहरण
अपने-आप इकट्ठा होने वाला डेटा ज़्यादा जानें नहीं जब आपकी साइट या ऐप्लिकेशन पर Google Analytics टैग सेट अप किया जाता है, तब ये अपने-आप इकट्ठा हो जाते हैं. उदाहरण के लिए, first_visit, session_start, और user_engagement.
बेहतर मेज़रमेंट की सुविधा ज़्यादा जानें नहीं (आम तौर पर) Google Analytics के यूज़र इंटरफ़ेस (यूआई) में बेहतर मेज़रमेंट की सुविधा चालू होने पर, ये इवेंट अपने-आप इकट्ठा हो जाते हैं. यह कुकी, वेब पर होने वाले सामान्य इंटरैक्शन को मेज़र करती है. जैसे, scroll, click, और file_download.
सुझाया गया सुझाए गए इवेंट का रेफ़रंस हां कारोबार की अलग-अलग वर्टिकल (जैसे, खुदरा, यात्रा, गेम) के लिए स्टैंडर्ड इवेंट. इनसे पहले से बने रिपोर्टिंग पैनल अनलॉक होते हैं. उदाहरण: purchase, login, sign_up.
पसंद के मुताबिक ज़्यादा जानें हां ये ऐसे इवेंट होते हैं जिन्हें खुद तय किया जाता है, क्योंकि पहले से भरे हुए अपने-आप होने वाले, बेहतर या सुझाए गए इवेंट आपकी ज़रूरतों के मुताबिक नहीं होते. इन्हें कस्टम रिपोर्ट का इस्तेमाल करके ऐक्सेस किया जा सकता है.

इस गाइड में, Google टैग (gtag.js) या Google Tag Manager का इस्तेमाल करके, अपनी वेबसाइट पर सुझाए गए इवेंट और कस्टम इवेंट को सेट अप करने का तरीका बताया गया है. आपको अपने-आप इकट्ठा होने वाले और बेहतर मेज़रमेंट की सुविधा वाले इवेंट सेट अप करने की ज़रूरत नहीं है.

ऑडियंस

आपने Google Analytics सेट अप कर लिया है और आपको अपनी रिपोर्ट में डेटा दिखने लगा है. हालांकि, आपको Analytics में अपने-आप इकट्ठा होने वाले डेटा के अलावा, ज़्यादा जानकारी इकट्ठा करनी है. इसके अलावा, आपको Analytics में कुछ सुविधाएं और क्षमताएं अनलॉक करनी हैं.


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

हम उम्मीद करते हैं कि आपने यहां बताए गए काम पहले ही कर लिए होंगे:

हम यह भी उम्मीद करते हैं कि आपके पास ये मौजूद हैं:

  • आपके पास अपनी वेबसाइट के सोर्स कोड का ऐक्सेस हो
  • Google Analytics खाते के लिए एडिटर या इससे ऊपर की भूमिका

Google टैग (gtag.js) के बारे में खास जानकारी

Google Analytics को इवेंट भेजने के लिए, Google टैग (gtag.js) एपीआई का इस्तेमाल करें. इस एपीआई में gtag() नाम का एक फ़ंक्शन होता है. साथ ही, जब भी आपको Google Analytics को कोई इवेंट भेजना हो, तब आपको इस सिंटैक्स का इस्तेमाल करना होता है:

gtag('event', '<event_name>', {
  <event_parameters>
});

इस उदाहरण में, gtag() फ़ंक्शन में ये शामिल हैं:

  • event कमांड, जो Google को यह बताती है कि कोई इवेंट भेजा जा रहा है
  • सुझाए गए या कस्टम इवेंट का नाम
  • (ज़रूरी नहीं) पैरामीटर का एक कलेक्शन, जो इवेंट के बारे में अतिरिक्त जानकारी देता है

उदाहरण के लिए, यहां सुझाया गया एक इवेंट screen_view दिया गया है. इसमें दो पैरामीटर शामिल हैं:

gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name': 'Home'
});

अपने JavaScript कोड में इवेंट जोड़ना

gtag() एक JavaScript फ़ंक्शन है. इसलिए, आपको इस फ़ंक्शन को अपने वेब पेज पर मौजूद JavaScript में जोड़ना होगा. उदाहरण के लिए, इस फ़ंक्शन को अपने <script> टैग में जोड़ा जा सकता है. इसके अलावा, इसे किसी ऐसी अलग JavaScript फ़ाइल में भी जोड़ा जा सकता है जिसे एचटीएमएल पेज में इंपोर्ट किया जाता है.

Google टैग स्निपेट के नीचे, JavaScript में कहीं भी इवेंट जोड़े जा सकते हैं. Google, उन इवेंट का डेटा प्रोसेस नहीं करेगा जिन्हें आपने Google टैग स्निपेट से ऊपर रखा है. उदाहरण के लिए, यहां दिए गए सैंपल कोड में, सुझाया गया इवेंट screen_view और कस्टम इवेंट signup_newsletter शामिल है. ये दोनों <script> टैग में मौजूद हैं:

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

    gtag('config', 'G-XXXXXXXXXX');
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title of the page</title>
</head>
<body>
    <p>Welcome to my website!</p>
    
    <script>
      /**
      *   The following events are sent when the page loads. You send
      *   recommended and custom events the same way. You could wrap
      *   the events in JavaScript functions so they are sent when
      *   users perform specific actions.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
      gtag('event', 'signup_newsletter', {
        'method': 'web'
      });
    </script> 
</body>
</html>

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

एक से ज़्यादा इवेंट सेट अप करना

उपयोगकर्ताओं के अलग-अलग इंटरैक्शन को ट्रैक करने के लिए, आपको अपनी वेबसाइट की JavaScript में कई gtag('event', ...) कॉल लागू करने होंगे. ये कॉल, किसी खास कार्रवाई या शर्त के हिसाब से ट्रिगर होते हैं. इन उदाहरणों में, सुझाए गए इवेंट और कस्टम इवेंट, दोनों का इस्तेमाल किया गया है.

उदाहरण के लिए, उपयोगकर्ता के लॉगिन, कॉन्टेंट शेयर करने, और ट्यूटोरियल पूरा करने जैसी अलग-अलग गतिविधियों को ट्रैक करने के लिए, अलग-अलग gtag('event', ...)कॉल लागू करें:

उदाहरण: लॉगिन को ट्रैक करना

इस स्निपेट को JavaScript फ़ंक्शन में शामिल किया जाएगा. यह फ़ंक्शन, उपयोगकर्ता के लॉगिन करने की प्रोसेस को मैनेज करता है.

// Send a 'login' event when a user signs in
gtag('event', 'login', {
  method: 'Email' // Example parameter indicating login method
});

उदाहरण: कॉन्टेंट शेयर करने की कार्रवाइयों को ट्रैक करना

यह स्निपेट, शेयर बटन के क्लिक इवेंट से जुड़ा होगा.

// Send a 'share' event when a user clicks a share button
gtag('event', 'share', {
  method: 'Facebook',
  content_type: 'Article',
  item_id: 'C12345' // Example parameter for the shared item
});

उदाहरण: कस्टम इवेंट को ट्रैक करना

जब कोई उपयोगकर्ता साइट पर मौजूद ट्यूटोरियल को पूरा कर लेता है, तब इस स्निपेट को कॉल किया जाएगा.

// Send a custom event
gtag('event', 'tutorial_complete', {
  tutorial_name: 'Introduction to GA4'
});

सही समय पर डेटा कैप्चर करने के लिए, अपनी वेबसाइट के कोड में अलग-अलग जगहों पर ये gtag('event', ...) कॉल एम्बेड करें. हर इवेंट को Google Analytics में, उसके होने के साथ ही भेज दिया जाता है. gtag.js के साथ बैच में अलग-अलग तरह के कई इवेंट को तय करने या भेजने के लिए, कोई खास सिंटैक्स या सिंगल कॉल नहीं होता है. आपको जिस इवेंट को भेजना है उसके लिए gtag('event', ...) को कॉल करना होगा.

Analytics में इवेंट देखना

रीयल टाइम और DebugView रिपोर्ट का इस्तेमाल करके, अपने इवेंट और उनके पैरामीटर देखे जा सकते हैं. ध्यान रखें कि DebugView रिपोर्ट का इस्तेमाल करने से पहले, उसे कुछ और कॉन्फ़िगरेशन की ज़रूरत होती है. इन दोनों रिपोर्ट से पता चलता है कि इवेंट ट्रिगर होने पर, उपयोगकर्ता आपकी वेबसाइट पर कौनसे इवेंट ट्रिगर करते हैं.

अगले चरण

पीछे जाएं
Web
आगे बढ़ें
पैरामीटर जोड़ें