RN - firebase analytics 연동 (안드로이드)

ReactNative앱 Firebase 애널리틱스 연동하기
김보람's avatar
Jan 01, 2024
RN - firebase analytics 연동 (안드로이드)

서비스 전반적 유저 경험을 확인하기 위해 firebase analytics 연동을 요청하셨다.
파이어베이스의 애널리틱스를 이용하면 앱의 사용 통계 및 성능을 추적할 수 있다.

그리고 나중에 찾아볼 스스로에게 말하는데 실시간으로 추척됨을 보려면 DebugView에서 봐야한다. 애널리틱스는 1시간마나 분석결과를 업데이트하므로 백날 치다봐야 바로바로 업데이트되지 않는다.

[Android]

  1. 프로젝트 생성


  2. 만든 프로젝트에 안드로이드 앱 생성하기


  3. 관련 패키지 다운로드

yarn add @react-native-firebase/app

yarn add @react-native-firebase/analytics


  1. android 세팅

    1. 안드로이드 루트레벨의 build.gradle의 dependencies에 아래 구문 추가

      buildscript {
         ...
          dependencies {
             ...
             classpath 'com.google.gms:google-services:4.3.14'
          }
      }

      Gradle

      Copy

    2. 안드로이드 앱레벨의 build.gradle 최상단에 아래 구문 추가

      apply plugin: 'com.google.gms.google-services'

      Gradle

      Copy


  2. 트리거할 이벤트로직 추가

    import analytics, {firebase} from '@react-native-firebase/analytics';
    ...
    
    const eventTest = async () => {
        try{
           firebase.app();
           await analytics().logEvent('eventName', {screenName: 'HOME'});
           //logEvent(이벤트이름, 전달할데이터);
        }catch(error){
           console.log(error)
        }
    }

  3. 테스트

    위에서 언급했듯 1시간에 한번씩 업데이트되고있으므로 바로확인하려면 DebugView로 확인해야한다 DebugView로 확인하려면 아래를 따르라

    1. DebugView 가동 하기위에 애뮬레이터 또는 디바이스를 연결하고 아래 명령어 입력

      → adb shell setprop debug.firebase.analytics.app <package_name>

    2. DebugView페이지로 이동

      1. 파이어베이스 → 프로젝트 선택 → 좌측메뉴의 애널리틱스 → DebugView

      2. 위에 작성한 eventTest함수를 실행시킨다

      3. 아래와 같이 확인할 수 있다

    1. DebugView 가동 중지하려면 아래 명령어 입력

      adb shell setprop debug.firebase.analytics.app .none.
Share article

b0-0d