React Native 용 Google Analytics를 설치하는 방법은 무엇입니까?

이 기사는 웹 로그 분석이란 무엇이며, 왜, 언제, 어떻게 사용하는지에 대한 답변을 목표로하는 시리즈의 세 번째 기사입니다.

이전 기사에서 Analytics가 제품을 구동하는 데 유용한 도구 인 이유를 설명한 다음 Google Analytics (GA)가이 문제에 완벽한 플랫폼이라고 생각하는 이유를 자세히 설명했습니다.

이제 Google Analytics for React Native의 기술적 구현에 대해 알아 보겠습니다.

기사 하단에서 Google 태그 관리자를 사용한 추적에 대해 조금 이야기 한 다음 모바일에서 웹 로그 분석 (및 기타 여러 가지)을 수행하는 새로운 Google 도구 인 Firebase에 대해 언급합니다.

패키지 또는 수제 구현?

수공

Google 웹 로그 분석 자체는 구현하기가 그리 복잡하지 않습니다. 너무 많은 어려움없이 (최대 2 일) 기본 기본 도구를 직접 구현하여 Android의 기본 네이티브 웹 로그 분석-iOS의 기본 Google 웹 로그 분석에 맞게 기본 네이티브 도구를 구현할 수 있습니다.

꾸러미

그러나 내 의견으로는 최신의 인기있는 NPM 패키지는 수제 구현 (패키지가 사용자의 요구에 부응하는 경우)보다 지속 가능한 솔루션 일 것입니다.

지금까지 찾은 React Native의 가장 좋은 패키지는 GoogleAnalyticsBridge이며 매력처럼 작동합니다.

1- 패키지 설치 : github 저장소의 readme를 따르십시오. 어떤 문제에도 직면해서는 안됩니다. 당신이 어떤 것에 직면한다면, 패키지의 저자에게 주저하지 말고, 그는 매우 반응 적입니다.

2- GA 계정 생성 : 여기에서 Google 웹 로그 분석 계정을 만듭니다.

3- React Native에서 웹 로그 분석 서비스 생성 : 코드에서 전용 웹 로그 분석 서비스를 생성하고 새로 생성 된 계정의 매개 변수에서 찾을 수있는 GA 계정 추적 ID (예 : UA-12345–1)를 전달하십시오. :

'react-native-google-analytics-bridge'에서 {GoogleAnalyticsTracker} 가져 오기;

const 추적기 내보내기 = 새로운 GoogleAnalyticsTracker ( 'UA-12345-1');

4- 스크린 뷰 추적 : Google은 데이터의 첫 번째 배치도 GA로 보내야합니다. 기본 추적은 스크린 뷰 / 페이지 뷰라고하며 내비게이션 시스템에서 트리거 할 수 있습니다.

tracker.trackScreenView (screenName);

5- 테스트 : 이제 로컬 / 스테이징 환경에서 구현을 테스트하고 Google 애널리틱스의 실시간 콘솔에서 일부 히트를 시작해야합니다.

6- 성공 : 축하합니다! GA가 시작되었습니다. 당신은 이미 방문자 경로, 습관 및 프로필에 관한 많은 귀중한 정보에 액세스 할 수 있습니다.

더 나아 가기

여기에서 다음을 통해 추적 및보고를 점진적으로 사용자 정의 할 수 있습니다.

  • 하나의 계정으로 두 가지 다른 속성 만들기 : 준비 환경과 프로덕션 환경을위한 두 가지 속성 만들기
  • IP를 금지하여 팀 / 회사 온앱 행동이 실제 고객 데이터를 방해하는 것을 방지
  • 배너 클릭 또는 로그인 조치와 같은 사용자 정의 고객 조치에 대한 사용자 정의 이벤트 보내기
  • 앱 성능에 대한 깊은 이해를 위해 목표 설정 (맞춤 이벤트 사용)
  • 조회수와 함께 맞춤 측정 기준을 전달하여 특정 비즈니스 로직으로 분석 데이터를 강화
  • 고객의 설치 출처 추적
  • Google 스프레드 시트에서 직접 '원시'데이터를 검색하여 나만의 보고서 작성
  • 전자 상거래 / 시장 사업자 인 경우 Google 웹 로그 분석 전자 상거래 덕분에 더 많은 정보를 얻을 수 있습니다.

Google 웹 로그 분석 또는 Google 태그 관리자 (GTM)?

GTM 추적 코드를 구현 한 다음 데이터를 GA로 전송하도록 GTM 사용자 인터페이스를 설정하여 앱에서 GA로 데이터를 전송하는 두 번째 방법이 있습니다.

GTM은 기술이 아닌 사람들이 플래트 넘을 신속하게 파악하여 원하는대로 변경할 수 있도록하는 태그 관리 시스템 (TMS)입니다. 이는 플랫폼에 주입 된 자바 스크립트 창에 지나지 않으며 추적을 설정할 수있는 그래픽 인터페이스에 연결된 다음 다른 제공 업체 / 파트너 (예 : Google Analytics, Criteo, Facebook 등)에 데이터를 발송합니다. 따라서 중앙 집중적이고 체계적인 구현으로 훨씬 더 유연한 추적 유연성을 제공합니다.

항상 GTM을 사용하는 것이 좋습니다. 툴의 복잡성은 편안함과 확장성에 비하면 아무것도 아닙니다. 그러나 React Native에 관해서는 GTM에 대한 시간 제약에서 설득력있는 해결책을 찾지 못했기 때문에 GA 구현으로 갔다. 지금 바로 GA를 설치할 수 있으며,보다 긴급한 요구가있을 때 데이터 일관성을 유지하면서 GTM에서 추적을 쉽게 전송할 수 있습니다.

Firebase : 새로운 Google 올인원 모바일 도구

Google 웹 로그 분석 이후 Google 웹 로그 분석은 더 이상 모바일 앱에서 웹 로그 분석을 수행하는 최신 / 최상의 솔루션이 아닐 수 있습니다. 이 새로운 솔루션은 클라우드 서비스 제공 업체이며 분석 도구를 포함한 모바일 앱을위한 서비스로서의 백엔드입니다.

흥미가 있다면 주저하지 말고 살펴보십시오. 오늘 현재 Firebase를 테스트 할 기회가 없었습니다. GA는 여전히 훌륭하고 강력하며 데스크톱 웹 로그 분석의 주요 솔루션입니다.

다음 기사에서는 비즈니스를 효율적으로 추진하기 위해 실행 가능한 KPI로 사용할 수있는 데이터를 추적하는 몇 가지 조언을 제공합니다.