Flutter의 Firebase Analytics 사용법

Firebase Analytics는 Firebase에서 제공하는 무료 앱 분석 솔루션으로, 사용자의 행동을 추적하고 분석할 수 있는 강력한 도구입니다. Flutter 애플리케이션에 Firebase Analytics를 통합하면 사용자 활동, 이벤트, 세션 등을 쉽게 추적할 수 있습니다. 이번 글에서는 Flutter에서 Firebase Analytics를 사용하는 방법과 이를 구현하는 예제를 자세히 살펴보겠습니다.

1. Firebase 프로젝트 설정

Firebase Analytics를 사용하려면 먼저 Firebase 콘솔에서 프로젝트를 생성하고 설정해야 합니다.

1. Firebase 콘솔에 접속하여 새 프로젝트를 생성합니다.
2. Android 및 iOS 애플리케이션을 Firebase 프로젝트에 추가합니다.
3. Firebase 프로젝트 대시보드에서 "Analytics" 섹션으로 이동하여 분석을 설정합니다.

2. Firebase 플러그인 설치

Firebase Analytics를 Flutter 프로젝트에 통합하려면 firebase_core 및 firebase_analytics 패키지를 설치해야 합니다. pubspec.yaml 파일에 다음 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^2.3.0
  firebase_analytics: ^10.2.0

 

그리고 pub get 명령어를 실행하여 패키지를 설치합니다.

3. Firebase 초기화

Firebase를 사용하려면 애플리케이션을 초기화해야 합니다. main.dart 파일에서 Firebase를 초기화합니다.

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

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

class MyApp extends StatelessWidget {
  static FirebaseAnalytics analytics = FirebaseAnalytics();
  static FirebaseAnalyticsObserver observer = FirebaseAnalyticsObserver(analytics: analytics);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
      navigatorObservers: [observer],
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Firebase Analytics Example')),
      body: Center(
        child: Text('Welcome to Firebase Analytics Example!'),
      ),
    );
  }
}

 

위 코드는 Firebase를 초기화하고 Firebase Analytics를 설정하는 방법을 보여줍니다. FirebaseAnalyticsObserver를 사용하여 네비게이션 이벤트를 자동으로 추적할 수 있습니다.

 

 

반응형

 

 

4. 사용자 속성 설정

Firebase Analytics를 사용하면 사용자 속성을 설정하여 특정 사용자 그룹을 정의할 수 있습니다. 예를 들어, 사용자의 선호 언어를 설정할 수 있습니다.

class HomeScreen extends StatelessWidget {
  final FirebaseAnalytics analytics = FirebaseAnalytics();

  @override
  Widget build(BuildContext context) {
    analytics.setUserProperty(name: 'favorite_language', value: 'Dart');

    return Scaffold(
      appBar: AppBar(title: Text('Firebase Analytics Example')),
      body: Center(
        child: Text('Welcome to Firebase Analytics Example!'),
      ),
    );
  }
}

 

위 코드는 사용자의 선호 언어를 'Dart'로 설정하는 예제입니다. setUserProperty 메서드를 사용하여 사용자 속성을 설정할 수 있습니다.

5. 이벤트 로깅

Firebase Analytics의 핵심 기능 중 하나는 이벤트 로깅입니다. 사용자의 행동을 추적하기 위해 커스텀 이벤트를 로깅할 수 있습니다.

class HomeScreen extends StatelessWidget {
  final FirebaseAnalytics analytics = FirebaseAnalytics();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Firebase Analytics Example')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Welcome to Firebase Analytics Example!'),
            ElevatedButton(
              onPressed: () {
                _logCustomEvent();
              },
              child: Text('Log Event'),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _logCustomEvent() async {
    await analytics.logEvent(
      name: 'custom_event',
      parameters: <String, dynamic>{
        'string': 'example',
        'int': 42,
        'long': 12345678910,
        'double': 42.0,
        'bool': true,
      },
    );
    print('Custom event logged');
  }
}

 

위 코드는 'custom_event'라는 이름의 커스텀 이벤트를 로깅하는 예제입니다. logEvent 메서드를 사용하여 이벤트 이름과 매개변수를 지정할 수 있습니다.

6. 화면 전환 추적

Firebase Analytics는 사용자가 애플리케이션에서 이동하는 화면을 추적할 수 있습니다. setCurrentScreen 메서드를 사용하여 현재 화면을 설정할 수 있습니다.

class HomeScreen extends StatelessWidget {
  final FirebaseAnalytics analytics = FirebaseAnalytics();

  @override
  Widget build(BuildContext context) {
    analytics.setCurrentScreen(screenName: 'HomeScreen');

    return Scaffold(
      appBar: AppBar(title: Text('Firebase Analytics Example')),
      body: Center(
        child: Text('Welcome to Firebase Analytics Example!'),
      ),
    );
  }
}

 

위 코드는 'HomeScreen'이라는 이름의 화면을 현재 화면으로 설정하는 예제입니다. setCurrentScreen 메서드를 사용하여 화면 이름을 지정할 수 있습니다.

7. 사용자 ID 설정

Firebase Analytics는 사용자 ID를 설정하여 사용자 활동을 추적할 수 있습니다. setUserId 메서드를 사용하여 사용자 ID를 설정할 수 있습니다.

class HomeScreen extends StatelessWidget {
  final FirebaseAnalytics analytics = FirebaseAnalytics();

  @override
  Widget build(BuildContext context) {
    analytics.setUserId('user_12345');

    return Scaffold(
      appBar: AppBar(title: Text('Firebase Analytics Example')),
      body: Center(
        child: Text('Welcome to Firebase Analytics Example!'),
      ),
    );
  }
}

 

위 코드는 'user_12345'라는 사용자 ID를 설정하는 예제입니다. setUserId 메서드를 사용하여 사용자 ID를 설정할 수 있습니다.

결론

Firebase Analytics는 Flutter 애플리케이션에서 사용자의 행동을 추적하고 분석할 수 있는 강력한 도구입니다. 사용자 속성 설정, 이벤트 로깅, 화면 전환 추적, 사용자 ID 설정 등의 기능을 통해 사용자의 행동을 더욱 정확하게 분석할 수 있습니다. 이번 글에서 소개한 방법들을 활용하여 Flutter 애플리케이션에서 Firebase Analytics를 효율적으로 사용해보세요. Firebase Analytics를 통해 애플리케이션의 성능을 향상시키고, 사용자 경험을 극대화할 수 있습니다.