GA4 어떻게 설치해야 하나요?
'All that GA' 시리즈는 GA에 대한 DMC미디어의 노하우를 바탕으로 독자분들에게 이해를 제공하고자 하는 목적으로 기획되었습니다.
본 시리즈에서 제공되는 내용들에 대해 궁금하신 점이나 의견이 있으시면 편하게 DMC미디어 데이터컨설팅팀으로 문의 부탁드립니다.
설치 방법 2가지
GA4 설치는 크게 gtag.js를 활용하거나 Google Tag Manager (GTM)를 활용할 수 있습니다. GTM과 gtag 모두 구글 범용 제품에 적용 및 관리가 가능하지만, 다음과 같은 차이점이 있습니다.
Google Tag Manager | gtag.js |
웹/웹 추적코드 관리시스템 | 웹페이지에 직접 추가하는 자바스크립트 프레임워크 |
• Google 및 타사 태그 배포 및 수정 기능
• 웹 및 모바일 앱용 태그 배포 및 수정 기능 | • 태그 관리 시스템 설정 작업 없이도 사이트에 직접 태그를 설치할 수 있는 기능
• 별도의 인터페이스로 작업할 필요 없이 자바스크립트에서 직접 태그를 사용할 수 있는 기능 |
gtag.js는 자바스크립트를 직접 다룰 수 있어야 하므로, 비교적 사용자 친화적인 GTM을 사용하는 경우가 많습니다.
gtag.js를 활용한 GA4 설치
1️⃣ 계정 생성 및 설정
구글 애널리틱스 설정 > 관리자 > + 계정 만들기를 클릭합니다 계정 이름은 소속 회사나 서비스 명칭을 권장합니다.
2️⃣ 속성 설정
속성 이름은 애널리틱스를 설치할 서비스 명칭을 넣는 것을 추천합니다. 보고 시간대 및 통화는 애널리틱스를 서비스 하는 지역의 시간대 및 통화를 사용합니다.
3️⃣ 비즈니스 정보
비즈니스 정보를 입력한 후 만들기를 클릭합니다.
4️⃣ 데이터 수집하기
애널리틱스를 설치할 웹 사이트 및 서비스가 이미 있다면, 아래의 웹/안드로이드/iOS에서 해당하는 항목을 클릭합니다. 사이트 및 서비스가 아직 없다면 건너뛰기를 선택합니다.
예시에서는 블로그에 설치할 예정이므로 웹을 선택하였습니다.
5️⃣ 데이터 스트림 설정
스트림 설정 창이 나오면, 데이터를 수집할 사이트의 URL을 삽입합니다.
향상된 측정을 활성화 해보세요!
- 노란색으로 표시된 설정 버튼을 누르면 향상된 측정에 대한 정보를 얻을 수 있습니다.
- 스크롤, 이탈 클릭 등을 자동으로 수집합니다.
6️⃣ 태그 설치
스트림 생성 후 제공되는 gtag.js 코드를 복사해 HTML 파일의 <head> 태그 바로 아래에 붙여넣습니다. 태그가 제대로 작동하는지 GA4에서 실시간 데이터를 통해 확인합니다.
GTM을 활용한 GA4 설치
1️⃣ 측정 ID 복사
구글 태그 매니저를 활용하는 방식 역시, gtag.js 활용 방식의 1번부터 5번까지 동일합니다.
이번에는 관리 > 데이터 스트림 > 측정할 스트림 > 웹 스트림 세부 정보 에서 측정 ID를 복사합니다.
2️⃣ 계정 생성
Google Tag Manager에 접속해 계정을 만듭니다.
3️⃣ 태그 설치
태그 ID 클릭하여 오른쪽 ‘작업공간의 변경사항 수’ 왼편의 GTM-XXXXXX이 태그 아이디를 복사합니다. 계정 설정 시 바로 팝업으로 나오는 스니펫을 복사하지 않아도 작업공간 화면에서 태그를 볼 수 있습니다.
- 아래와 같은 이미지 확인 가능
- 각 태그를 복사하여 페이지의 <head> 및 <body> 태그의 가장 위쪽에 설치
4️⃣ 태그 구성
태그 관리자 계정에 접속하여 태그 메뉴에서 새로 만들기를 클릭한 후, 구성 태그를 설정합니다. * 구성태그란 GTM을 통해 들어오는 이벤트를 구글의 다른 프로덕트(e.g. GA)로 전송해주는 역할
- 구성 태그: [Google 애널리틱스: GA4 구성] 선택
- 측정 ID를 입력하고 [All Pages] 트리거로 설정합니다.
- 아래 이미지와 같이 구성하고, 측정 ID 칸에 GA4 계정에 있는 측정 아이디를 붙여넣고 저장
5️⃣ 배포 및 데이터 확인
태그 매니저에서는 변경 사항을 제출하기 전까지는 반영되지 않으므로, 확인이 완료된 태그는 제출 을 눌러 실제 사이트에 반영합니다.
이후 GA4에서 실시간으로 데이터가 잘 들어오는지 확인합니다.
마무리
이와 같이 GA4를 설치하면, 웹사이트 방문자 데이터를 효율적으로 수집하고 분석할 수 있습니다. 앞으로도 All that GA 시리즈를 통해 유용한 정보를 지속적으로 제공하겠습니다.
많은 관심 부탁드립니다! 😊
DMC미디어는 구글로부터 전문성을 인정받은 GMP 포털 등재 공식 GA와 GTM 파트너로, 국내 GA/GTM 통합 인증을 취득한 8개 기업 중 하나입니다.
#GA4, #UA, #GA4설치, #DataDriven, #데이터드리븐, #DMC미디어, #디엠씨미디어, #DMCmedia, #전환지표, #퍼널분석, #유저행동분석, #GA, #GoogleAnalytics, #구글애널리틱스, #GA데이터, #GA설치하기, #GA태그설치, #gtag, #google_tag_manager, #All_that_GA