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

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

इस गाइड में, 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 जोड़ी जा सकती है.

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

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

अगले चरण