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

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

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

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


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

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

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

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

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

ईमेल भेजने के लिए, Google टैग (gtag.js) एपीआई का इस्तेमाल करें इवेंट, Google Analytics में जोड़े जाते हैं. एपीआई का एक फ़ंक्शन होता है, जिसे 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 रिपोर्ट के लिए कुछ और चाहिए कॉन्फ़िगरेशन को ध्यान में रखें. इन दोनों रिपोर्ट से आपको पता चलता है कि इवेंट के ट्रिगर होने पर, उपयोगकर्ता आपकी वेबसाइट पर उन इवेंट को ट्रिगर करते हैं.

अगले चरण