정확한 추적을 위한 Google Consent Mode v2와 GTM, GA4 구현 방법

Source: Dev.to

Consent Mode v2 작동 방식

Consent Mode v2는 태그가 실행되기 전에 동의 상태를 GTM dataLayer에 푸시함으로써 작동합니다. 주요 파라미터 두 가지는 다음과 같습니다:

• analytics_storage — GA4 및 분석 태그를 제어
• ad_storage — Google Ads 전환 태그를 제어

이들을 gtag 또는 dataLayer.push를 사용해 GTM 컨테이너가 로드되기 전에 푸시합니다:

window.dataLayer = window.dataLayer || [];

function gtag(){ dataLayer.push(arguments); }

gtag('consent', 'default', {
  analytics_storage: 'denied',
  ad_storage: 'denied',
  wait_for_update: 500
});

사용자 상호작용 후 동의 업데이트

배너를 통해 사용자가 동의를 부여하면 동의 상태를 업데이트합니다:

gtag('consent', 'update', {
  analytics_storage: 'granted',
  ad_storage: 'granted'
});

wait_for_update 파라미터는 동의 업데이트가 도착할 때까지 GTM이 태그 실행을 보류하도록 지시합니다. 배너가 이 시간보다 오래 걸리면 태그가 동의가 적용되기 전에 실행되어 전체 설정이 깨집니다.

GTM에서 태그 구성

Google Tag Manager에서 Consent Settings를 각 태그에 설정합니다—특히 GA4 Configuration 및 Google Ads Conversion 태그에 대해 각각 analytics_storage와 ad_storage를 요구하도록 설정합니다. 이 구성을 하지 않으면 태그가 동의 상태를 전혀 무시합니다.

서버‑사이드 태깅 고려사항

서버‑사이드 태깅 환경에서는 동의 신호를 서버 컨테이너에도 전달해야 합니다. SeersAI는 직접 GTM 통합을 통해 dataLayer 푸시 및 업데이트 순서를 자동으로 처리하므로 구현 오류 위험을 없애고 GDPR와 CCPA를 수동 스크립팅 없이도 준수할 수 있습니다.

전체 구현 walkthrough와 attribution 컨텍스트는 블로그에 있습니다.