[GTM] GA4 서버사이드태깅(Server side tagging on Google Tag Manager) - 2. GA4 태그 추가

GA4 서버사이드태깅 - GA4 태그 추가

서버사이드 태깅 시 클라이언트, 서버 컨테이너를 번갈아가며 설정을 진행해야하므로 순서 및 설정이 헷갈리는 경우가 있을 수 있다. 따라서 아래와 같이 순서에 따라 태그 생성 및 테스트를 단계별로 진행하는 것이 익숙하도록 연습하는 것이 필요하다. 또한 GTM 공식문서의 아키텍쳐와 같이 클라이언트 컨테이너에 생성한 태그는 서버 컨테이너의 Clients 태그를 바라보고, 이를 다시 서버 쪽 태그에 전달하는 방식임을 이해하는 것이 중요하다.

 

태그 생성

Measurement ID 확인

Admin > Property > Data Streams > Measurement ID 복사

Measusrement ID 확인

 

서버사이드 GA4 태그 설정

Clients 추가: Measurement ID 추가

서버 쪽 Tag 및 Trigger 추가

클라이언트 태그는 GA4용 태그서버(=서버사이드 태그)로 데이터를 전송하고, 실제 GA4데이터는 서버 Tag를 통해 전송된다.

GA4 태그 추가

GA4 트리거 추가

 

클라이언트사이드 GA4 태그 설정

Measurement ID와 'Server Container URL'을 추가한다.

Server Container URL은 서버용 태그 컨테이너 생성시 함께 생성한 GCP App Engine 주소에 해당한다. Manual Provision 서버를 만들었다면 해당 컨테이버 서버 HTTP 주소를 입력한다. 

클라이언트(웹사이트용) GA4태그

 

테스트

Preview

Server side Tag 디버깅 

Preview 모드 활성화

이벤트 테스트 - GA4 Tag 실행확인

GA4 태그 상세 확인

 

Realtime 리포트 확인

Realtime 리포트 확인