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

ReactNative앱 Firebase 애널리틱스 연동하기

김보람

Jan 01, 2024

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

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

[Android]

프로젝트 생성
만든 프로젝트에 안드로이드 앱 생성하기
관련 패키지 다운로드

yarn add @react-native-firebase/app
yarn add @react-native-firebase/analytics

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

트리거할 이벤트로직 추가

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)
    }
}

테스트
위에서 언급했듯 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.
```

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) } }