Firebase Analytics in Flutter

Introduction

Firebase Analytics helps you understand how people use your app. It tracks what users do so you can improve your app experience.

You want to know which buttons users tap the most.

You want to see how many users open your app each day.

You want to track when users complete a purchase.

You want to measure how long users stay in your app.

You want to find out which features are popular.

Syntax

Flutter

import 'package:firebase_analytics/firebase_analytics.dart';

FirebaseAnalytics analytics = FirebaseAnalytics.instance;

// Log an event
await analytics.logEvent(
  name: 'event_name',
  parameters: {'key': 'value'},
);

Use FirebaseAnalytics.instance to get the analytics object.

Events have a name and optional parameters to describe details.

Examples

Logs a simple event named 'button_click' without extra details.

Flutter

await analytics.logEvent(name: 'button_click');

Logs a 'purchase' event with details about the item and price.

Flutter

await analytics.logEvent(
  name: 'purchase',
  parameters: {'item': 'shoes', 'price': 59.99},
);

Sets a user ID to track events for a specific user.

Flutter

await analytics.setUserId(id: 'user123');

Sample App

This app initializes Firebase and shows a button. When pressed, it logs a 'button_pressed' event to Firebase Analytics and shows a message.

Flutter

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_analytics/firebase_analytics.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final FirebaseAnalytics analytics = FirebaseAnalytics.instance;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Firebase Analytics Demo')),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              await analytics.logEvent(name: 'button_pressed');
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(content: Text('Event logged!')),
              );
            },
            child: Text('Press me'),
          ),
        ),
      ),
    );
  }
}

Important Notes

Make sure to add Firebase to your Flutter project and configure it properly.

Events help you learn what users do, but avoid logging sensitive personal data.

You can view logged events in the Firebase Console under Analytics.

Summary

Firebase Analytics tracks user actions in your app.

Use logEvent to send events with names and details.

Check the Firebase Console to see how users interact with your app.

Practice

1. What is the main purpose of Firebase Analytics in a Flutter app?

easy

A. To create user interface layouts

B. To manage app navigation between screens

C. To track user actions and events within the app

D. To store user data locally on the device

Solution

1. Step 1: Understand Firebase Analytics role

   Firebase Analytics is designed to collect data about user interactions and events in the app.

2. Step 2: Compare options with purpose

   Only To track user actions and events within the app describes tracking user actions, which matches Firebase Analytics' main use.

3. Final Answer:

   To track user actions and events within the app -> Option C

4. Quick Check:

   Firebase Analytics = Track user actions [OK]

Hint: Firebase Analytics tracks events, not UI or storage [OK]

Common Mistakes:

• Confusing analytics with UI design
• Thinking it manages navigation
• Assuming it stores data locally

2. Which is the correct way to log a custom event named 'purchase' with Firebase Analytics in Flutter?

easy

A. logEvent('purchase');

B. FirebaseAnalytics.logEvent('purchase');

C. FirebaseAnalytics.log('purchase');

D. FirebaseAnalytics.instance.logEvent(name: 'purchase');

Solution

1. Step 1: Recall Firebase Analytics method syntax

   The correct method to log events is logEvent with named parameter 'name'.

2. Step 2: Check each option's syntax

   FirebaseAnalytics.instance.logEvent(name: 'purchase'); uses FirebaseAnalytics.instance and calls logEvent(name: 'purchase'), which is correct.

3. Final Answer:

   FirebaseAnalytics.instance.logEvent(name: 'purchase'); -> Option D

4. Quick Check:

   Use logEvent(name: 'eventName') method [OK]

Hint: Use instance and named 'name' parameter for logEvent [OK]

Common Mistakes:

• Calling logEvent without instance
• Missing named parameter 'name'
• Using wrong method names

3. What will happen when this Flutter code runs?

FirebaseAnalytics analytics = FirebaseAnalytics.instance;
await analytics.logEvent(name: 'button_click', parameters: {'button': 'play'});

medium

A. Throws a syntax error due to missing semicolon

B. Logs an event named 'button_click' with parameter 'button' set to 'play'

C. Navigates to a new screen named 'button_click'

D. Stores the parameter locally without sending to Firebase

Solution

1. Step 1: Analyze the code's function call

   The code creates an analytics instance and calls logEvent with name and parameters.

2. Step 2: Understand logEvent behavior

   logEvent sends the event data to Firebase Analytics backend for tracking.

3. Final Answer:

   Logs an event named 'button_click' with parameter 'button' set to 'play' -> Option B

4. Quick Check:

   logEvent sends named event with parameters [OK]

Hint: logEvent sends event data to Firebase, not UI or local storage [OK]

Common Mistakes:

• Thinking it causes navigation
• Assuming it stores data locally only
• Confusing syntax errors

4. Identify the error in this Flutter Firebase Analytics code:

FirebaseAnalytics analytics = FirebaseAnalytics.instance;
analytics.logEvent('login');

medium

A. logEvent requires named parameter 'name', not a positional argument

B. FirebaseAnalytics cannot be instantiated directly

C. logEvent method does not exist

D. Missing await keyword before logEvent

Solution

1. Step 1: Check logEvent method signature

   logEvent requires a named parameter 'name', so passing a positional argument is incorrect.

2. Step 2: Verify other options

   FirebaseAnalytics can be instantiated, logEvent exists, and await is optional but recommended.

3. Final Answer:

   logEvent requires named parameter 'name', not a positional argument -> Option A

4. Quick Check:

   logEvent(name: 'eventName') syntax needed [OK]

Hint: logEvent needs named 'name' parameter, not just a string [OK]

Common Mistakes:

• Passing event name as positional argument
• Forgetting named parameters
• Confusing method existence

5. You want to track when a user completes a level in your game with level number and score. Which is the best way to log this event using Firebase Analytics in Flutter?

hard

A. analytics.logEvent(name: 'level_complete', parameters: {'level': levelNumber, 'score': score});

B. analytics.logEvent('level_complete', {'level': levelNumber, 'score': score});

C. analytics.logEvent(name: 'levelComplete', level: levelNumber, score: score);

D. analytics.logEvent('levelComplete', levelNumber, score);

Solution

1. Step 1: Use correct method signature for logEvent

   logEvent requires a named 'name' parameter and an optional 'parameters' map.

2. Step 2: Check parameter passing style

   analytics.logEvent(name: 'level_complete', parameters: {'level': levelNumber, 'score': score}); correctly uses name and parameters map with keys and values for level and score.

3. Step 3: Identify errors in other options

   Options B, C, and D use incorrect syntax or parameter passing styles.

4. Final Answer:

   analytics.logEvent(name: 'level_complete', parameters: {'level': levelNumber, 'score': score}); -> Option A

5. Quick Check:

   Use named 'name' and 'parameters' map for event data [OK]

Hint: Always use named 'name' and 'parameters' map for event details [OK]

Common Mistakes:

• Passing event name as positional argument
• Not using parameters map
• Incorrect parameter names