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

इवेंट की मदद से, अपनी वेबसाइट या ऐप्लिकेशन पर उपयोगकर्ताओं के इंटरैक्शन को मेज़र किया जा सकता है. उदाहरण के लिए, जब कोई व्यक्ति किसी पेज को लोड करता है, किसी लिंक पर क्लिक करता है, और खरीदारी करता है, तो इन्हें मेज़र किया जा सकता है. 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 टैग स्निपेट से ऊपर रखा है. उदाहरण के लिए, यहां दिए गए सैंपल कोड में <script> टैग के अंदर screen_view नाम का एक इवेंट शामिल है:

<!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 event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
    </script> 
</body>
</html>

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

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

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

अगले चरण

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