Google Analytics integration in Firebase - Step-by-Step Execution

Process Flow - Google Analytics integration

Start Firebase Project Setup

↓

Enable Google Analytics in Firebase

↓

Configure Analytics Settings

↓

Add Firebase SDK to App

↓

Initialize Analytics in App Code

↓

Send Events to Analytics

↓

View Analytics Data in Console

↓

End

This flow shows the steps to connect Google Analytics with a Firebase project, from setup to viewing data.

Execution Sample

Firebase

import { initializeApp } from 'firebase/app';
import { getAnalytics, logEvent } from 'firebase/analytics';

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
logEvent(analytics, 'notification_received');

This code initializes Firebase and Google Analytics, then logs a custom event.

Process Table

Step	Action	Evaluation	Result
1	Initialize Firebase app	firebaseConfig valid	App instance created
2	Get Analytics instance	App initialized	Analytics instance ready
3	Log event 'notification_received'	Analytics instance ready	Event sent to Google Analytics
4	View event in Firebase Console	Event processed	Event visible in Analytics dashboard
5	End	All steps completed	Integration successful

💡 All steps completed successfully, Google Analytics integrated with Firebase app

Status Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	Final
app	undefined	App instance created	App instance created	App instance created	App instance created
analytics	undefined	undefined	Analytics instance ready	Analytics instance ready	Analytics instance ready
eventLogged	false	false	false	true	true

Key Moments - 2 Insights

Why do we need to initialize the Firebase app before getting Analytics?

Because the Analytics instance depends on the Firebase app instance. Without initializing the app (Step 1), Analytics cannot be created (Step 2).

What happens if we try to log an event before Analytics is ready?

The event will not be sent because the Analytics instance is not available yet. See Step 3 depends on Step 2 in the execution table.

Visual Quiz - 3 Questions

Look at the execution table, what is the state of 'analytics' after Step 2?

A Analytics instance ready

B undefined

C App instance created

D Event sent

💡 Hint

Check the 'analytics' variable state in variable_tracker after Step 2

At which step is the custom event 'notification_received' sent to Google Analytics?

A Step 1

B Step 3

C Step 2

D Step 4

💡 Hint

Look at the 'Action' and 'Result' columns in the execution_table for event sending

If the Firebase app initialization fails, what will happen to the Analytics instance?

A It will still be ready

B It will log events anyway

C It will be undefined

D It will show events in the console

💡 Hint

Refer to Step 1 and Step 2 dependency in the execution_table and variable_tracker

Concept Snapshot

Google Analytics integration with Firebase:
1. Create Firebase project and enable Analytics.
2. Add Firebase SDK to your app.
3. Initialize Firebase app in code.
4. Get Analytics instance.
5. Log events with logEvent().
6. View data in Firebase Console.

Full Transcript

To integrate Google Analytics with Firebase, first create a Firebase project and enable Google Analytics in its settings. Then add the Firebase SDK to your app code. Initialize the Firebase app using your configuration. Next, get the Analytics instance from the initialized app. Use the Analytics instance to log events like 'notification_received'. These events are sent to Google Analytics and can be viewed in the Firebase Console dashboard. Each step depends on the previous one, so initialization must happen before logging events. This process helps track user behavior in your app easily.