thumbnail

GA4 연동

GoogleAnalytics에서 앱 유입 분석을 위한 가이드입니다.

나쵸코드2025-04-16

앱 유저 에이전트란? 웹과 앱을 구분하기 위해 사용하는 식별자입니다.

1단계) 나쵸코드 대시보드 > 앱 설정 > 개발자 설정 >앱 유저 에이전트 활성화 토글 ON

2단계) [ ]주의 사항 체크 > [확인] 버튼 클릭

앱 유저 에이전트를 활성화했다면, 제외 URL 설정을 반드시 확인해주세요.

3단계) 제외 URL 입력 > [+] 버튼 클릭

제외 URL은 앱에서 외부 서비스로 나갈 때 문제가 생기지 않도록 예외 처리하는 주소 목록입니다.소셜 로그인, 결제, 외부 서비스 연동 등 우리 앱이 아닌 주소가 있다면 꼭 등록해 주세요.

4단계) [저장하기] 버튼 클릭

5단계) [확인] 버튼 클릭

6단계) 저장 완료!

앱 유저 에이전트를 새로 활성화했다면, 반드시 앱을 새로 빌드해주세요.

JavaScript

1단계) 웹 페이지에 아래 코드를 웹사이트<head>나 GA가 로드되기 전에 삽입해주세요.

이후 GA 이벤트 전송 시 platform: window.platform 값을 포함하면 자동 분류됩니다.

2단계) GA 이벤트를 보낼 때, Platform 파라미터(매개변수) 포함

gtag.js 사용 시 예시)

JavaScript

react-ga4 사용 시 예시)

JavaScript

GTM (Google Tag Manager) 사용 시 예시)

JavaScript

1단계) GA4 > 설정 > 데이터 표시 > 맞춤정의 클릭

2단계) [맞춤 측정기준 만들기] 클릭

3단계) 새 맞춤측정 기준 만들기 > [저장] 클릭

측정기준이름: platform

  1. 범위: 이벤트

  2. 설명 : 구분짓는 설명(자유)

  3. 이벤트 매개변수: platform

1단계) GA4 > 탐색 > 비어있음 클릭

2단계) 측정 기준 [+] 클릭

3단계) 사용자 설정 > 맞춤 > platform > [확인] 클릭

4단계) 측정 기준 드롭

5단계) 측정 기준으로 데이터 조합해 확인