GTM을 통한 GA4 맞춤 이벤트 설정

큰 흐름은 다음과 같습니다.

GA4 계정 > 속성 > 데이터 스트림 생성하고, 해당 데이터 스트림의 측정 ID를 기반으로

GTM에서 태그를 등록하는데, 태그 등록 순서는 변수 > 트리거 > 태그 순으로 설정합니다.

 

1. 구글 애널리틱스에 계정 및 속성을 생성

ㄴ 비유) 계정 = 기업A / 속성 = 기업A의 블로그 사이트, 기업A의  회사 홈페이지 / 데이터 스트림 = 기업A의 블로그 사이트의 Mobile, 기업A의 블로그 사이트의 PC

*참고) 계정, 속성, 데이터스트림

GA4 계층 구조 이해하기 | 플러스제로

 

2. gtag를 html 파일 Head에 입력 후 테스트

*테스트 통과 ▼

 

 

 

GTM을 활용한 맞춤이벤트 세팅

3. GTM은 계정이 있고 하위에 컨테이너가 있는 구조

- 컨테이너 설정: 웹

 

4. Head 영역과 Body 영역에 GTM 설치 (코딩)

 

5. 태그 새로 만들기

- 태그 유형: Google 애널리틱스 > Google 태그

- 태그 ID: 측정 ID를 상수로 등록 후, 해당 상수를 태그ID로 설정

ㄴ 변수 유형을 상수로, 값은 GA4 데이터스트림의 측정ID로 해서 변수 생성. (이렇게 해야 해당 데이터스트림으로만 데이터 수집)

- 트리거: All pages

 

6. 클릭에 따른 데이터 수집

6.1 트리거 등록

- 트리거 유형: 모든 요소 > 일부 클릭

ㄴ click test / 같음 / 버튼 이름

*button에 의 Class명으로도 설정 가능

 

6.2 태그 등록: 등록된 트리거로 태그가 수집될 수 있도록 합니다.

- 태그 유형: Google 애널리틱스: GA4 이벤트

- 구성 태그: 5단계에서 설정한 태그(GA4 데이터 스트림의 측정ID가 상수로 설정된 태그)

- 트리거: 6단계에서 만든 트리거 설정

- 이벤트 이름: GA4에서 보고서 조회 시 나올 이름입니다.

 

7. 처리 결과에 따른 데이터 수집: 신청하기 클릭에 따른 데이터를 수집할 수도 있고, 신청이 성공적으로 마무리됐는지, 실패로 끝났는지 등 신청 후 결과를 기반으로도 데이터를 집계할 수 있습니다.

7.1 코드에 datalayer.push 코드 삽입: {'key': 'value'} 형식

dataLayer.push({
  'event': 'event_name', // 이벤트 발생 시 GTM에서 인식할 이름 (필수 아님)
  'variable_name1': 'variable_value1', // 전달할 변수 1
  'variable_name2': 'variable_value2' // 전달할 변수 2
});

// 예시 ▼
dataLayer.push({
	'event': 'application', 
    'status': 'success'
});

7.2 GTM 변수 > 사용자정의 변수 생성

- 변수 유형: 데이터 영역 변수

- 데이터 영역 변수 이름: variable_name (코드에서 사용한 것과 정확하게 일치해야 함)

7.3 GTM 트리거 새로 만들기

- 트리거 유형: 맞춤 이벤트

- 이벤트 이름: event_name (코드에서 사용한 것과 정확하게 일치해야 함)

7.4 GTM 태그 생성

- 태그 유형: Google 애널리틱스: GA4 이벤트

- 구성 태그: 5단계에서 설정한 태그(GA4 데이터 스트림의 측정ID가 상수로 설정된 태그)

- 이벤트 이름: GA4에서 보고서 조회 시 나올 이름입니다.

- 이벤트 매개변수 추가

ㄴ 매개변수 이름: variable name

ㄴ 값: variable name과 매핑되는, 7.2단계에서 설정한 변수 설정