Google विश्लेषिकी के साथ आरंभ करें

यह क्विकस्टार्ट आपको दिखाता है कि Google Analytics को अपने ऐप में कैसे जोड़ा जाए और ईवेंट लॉग करना शुरू करें।

Google Analytics आपके वेब ऐप के लिए उपयोग और व्यवहार डेटा एकत्र करता है। SDK दो प्राथमिक प्रकार की जानकारी लॉग करता है:

  • घटनाक्रम: क्या इस तरह के उपयोगकर्ता क्रियाओं, प्रणाली की घटनाओं, या त्रुटियों के रूप में अपने अनुप्रयोग में हो रहा है,।

  • उपभोक्ता के गुण: आप इस तरह के वरीयता या भाषा भौगोलिक स्थिति जैसा अपने उपयोगकर्ता आधार के क्षेत्रों, वर्णन करने के लिए परिभाषित जिम्मेदार बताते हैं।

Analytics स्वचालित रूप से कुछ लॉग घटनाओं और उपयोगकर्ता गुण ; आपको उन्हें सक्षम करने के लिए कोई कोड जोड़ने की आवश्यकता नहीं है।

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

आप पहले से ही नहीं है, तो आपकी जावास्क्रिप्ट परियोजना के लिए Firebase जोड़ने और सुनिश्चित करें कि Google Analytics आपकी Firebase परियोजना में सक्षम किया गया है:

  • यदि आप एक नया Firebase प्रोजेक्ट बना रहे हैं, तो प्रोजेक्ट निर्माण कार्यप्रवाह के दौरान Google Analytics को सक्षम करें।

  • यदि आप एक मौजूदा Firebase परियोजना है कि गूगल एनालिटिक्स सक्षम नहीं है, के लिए जाना उपयोग कर रहे हैं एकीकरण अपने का टैब > परियोजना सेटिंग्स इसे सक्षम करने के।

आप अपने प्रोजेक्ट में गूगल एनालिटिक्स सक्षम करते हैं, अपने Firebase वेब एप्लिकेशन, Google Analytics डेटा से जुड़े होते हैं एक साथ जुड़े स्ट्रीम अनुप्रयोग + वेब संपत्ति

अपने ऐप्लिकेशन में Analytics SDK जोड़ें

कैसे अपने वेब एप्लिकेशन को होस्ट किया गया है के आधार पर, आपके विन्यास स्वचालित रूप से प्रबंधित किया जा सकता है या आप अपने अद्यतन करना पड़ सकता Firebase विन्यास वस्तु । अपने वेब एप्लिकेशन पहले से ही Google Analytics का उपयोग करते हैं, तो आप में वर्णित अतिरिक्त सेटअप करने के लिए आवश्यकता हो सकती है मौजूदा gtag.js टैगिंग के साथ उपयोग में Firebase

  1. जाँच करें कि आपके कोड में अपने Firebase config वस्तु शामिल measurementId । जब आप अपने Firebase प्रोजेक्ट में Analytics को सक्षम करते हैं और एक वेब ऐप पंजीकृत करते हैं, तो यह आईडी स्वचालित रूप से बन जाती है, और इसके लिए Analytics का उपयोग करना आवश्यक होता है।

    • अपने अनुप्रयोग में Firebase होस्टिंग और का उपयोग करता है का उपयोग करता है यूआरएल सुरक्षित Firebase SDK का:

      फायरबेस स्वचालित रूप से आपके एप्लिकेशन को कॉन्फ़िगर करने का काम करता है। पूरा सेटअप के लिए, अपने में आपके ऐप्स कार्ड से स्क्रिप्ट जोड़ने परियोजना सेटिंग्स , आपके ऐप का <body> टैग के लिए अगर आप पहले से ही नहीं है।

    • अपने अनुप्रयोग सुरक्षित URL का उपयोग नहीं होता है: यदि आप एक मौजूदा वेब एप्लिकेशन के साथ काम कर रहे हैं, अपने कोड में Firebase config वस्तु अद्यतन सुनिश्चित करने के लिए measurementId क्षेत्र मौजूद है। कॉन्फ़िगरेशन ऑब्जेक्ट को निम्न उदाहरण के समान दिखना चाहिए:

      // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
      const firebaseConfig = {
        apiKey: "AIzaSyCGQ0tYppWFJkuSxBhOpkH0xVDmX245Vdc",
        authDomain: "project-id.firebaseapp.com",
        databaseURL: "https://project-id.firebaseio.com",
        projectId: "project-id",
        storageBucket: "project-id.appspot.com",
        messagingSenderId: "637908496727",
        appId: "2:637908496727:web:a4284b4c99e329d5",
        measurementId: "G-9VP01NDSXJ"
      };
      
  2. फायरबेस एनालिटिक्स को इनिशियलाइज़ करें:

वेब संस्करण 9

import { getAnalytics } from "firebase/analytics";

const analytics = getAnalytics();

वेब संस्करण 8

const analytics = firebase.analytics();

मौजूदा gtag.js टैगिंग के साथ Firebase का इस्तेमाल करें

अगर आपने पहले किया था गूगल विश्लेषिकी का उपयोग करके अपने एप्लिकेशन में चल gtag.js झलकी , यदि आप निम्न में से एक करने के लिए योजना बना रहे हैं अपने अनुप्रयोग अतिरिक्त सेटअप की आवश्यकता हो सकता है:

  • पृष्ठ पर Firebase से गूगल एनालिटिक्स कॉल जोड़े लेकिन यह भी इस्तेमाल करते रहने की योजना gtag() एक ही पृष्ठ पर सीधे कॉल करता है।
  • दोनों प्रत्यक्ष के बीच एक ही माप आईडी का उपयोग करना चाहते gtag() कॉल और Google Analytics डेटा Firebase के लिए भेजा।

यह सुनिश्चित करने के लिए कि आपके ईवेंट सभी Firebase सेवाओं द्वारा उपयोग के लिए उपलब्ध हैं, निम्नलिखित अतिरिक्त सेटअप चरणों को पूरा करें:

  • लाइन निकालें gtag('config', ' GA_MEASUREMENT_ID '); जहां GA_MEASUREMENT_ID है measurementId अपने Firebase वेब एप्लिकेशन के। यदि आपके पास पृष्ठ पर अन्य Analytics प्रॉपर्टी के लिए अन्य आईडी हैं, तो आपको उनकी कॉन्फ़िगरेशन लाइन निकालने की आवश्यकता नहीं है।
  • सुनिश्चित करें कि आप को कॉल करते हैं firebase.analytics() के साथ किसी भी घटनाओं भेजने से पहले आप gtag()

अन्यथा, घटनाओं के साथ कि आईडी के लिए भेजा gtag() कॉल Firebase साथ संबद्ध नहीं किया जाएगा और अन्य Firebase सेवाओं में लक्ष्य के लिए उपलब्ध नहीं होगा।

ईवेंट लॉग करना प्रारंभ करें

के बाद आप प्रारंभ है Analytics सेवा , आप के साथ घटनाओं लॉग इन करने के लिए शुरू कर सकते logEvent() विधि।

कुछ घटनाओं रहे हैं सभी ऐप्स के लिए सिफारिश की ; अन्य विशिष्ट व्यवसाय प्रकारों या कार्यक्षेत्रों के लिए अनुशंसित हैं। आपको अपनी रिपोर्ट में अधिकतम उपलब्ध विवरण सुनिश्चित करने और भविष्य की सुविधाओं और एकीकरण से लाभ उठाने के लिए उनके निर्धारित मापदंडों के साथ सुझाए गए कार्यक्रम भेजने चाहिए। इस अनुभाग में एक पूर्व निर्धारित घटना प्रवेश करने को दर्शाता है, लॉगिंग घटनाओं पर अधिक जानकारी के लिए, को देखने के लिए लॉग घटनाओं

निम्न उदाहरण दर्शाता है कि किसी उपयोगकर्ता को आपके ऐप में एक सूचना प्राप्त होने का संकेत देने के लिए अनुशंसित ईवेंट को कैसे लॉग किया जाए:

वेब संस्करण 9

import { getAnalytics, logEvent } from "firebase/analytics";

const analytics = getAnalytics();
logEvent(analytics, 'notification_received');

वेब संस्करण 8

firebase.analytics().logEvent('notification_received');

अगला कदम