Ch.4 추적 고도화 — GTM 연동

이벤트 추적 실습 — 클릭, 스크롤, 동영상

버튼 클릭 추적 트리거 설정스크롤 깊이 추적 구현동영상 이벤트 3단계(start/progress/complete) 이해

사용자가 뭘 클릭하는지 보고 싶다면

웹사이트의 CTA 버튼 클릭률, 콘텐츠 스크롤 깊이, 동영상 시청 완료율 — 이 세 가지를 추적하면 사용자 행동의 80%를 파악할 수 있습니다.

어떤 버튼이 효과적인지, 콘텐츠가 끝까지 읽히는지 모르겠다면?

GTM의 트리거 유형별 설정으로 클릭·스크롤·동영상을 추적합니다

article

핵심 내용

1. 트리거 생성: 트리거 유형: '클릭 - 모든 요소' 선택 → '일부 클릭' 조건 설정

2. CSS 선택자 지정: Click Element > CSS 선택자 일치 > `.cta-button` 또는 `#signup-btn`

3. GA4 태그 연결: GA4 이벤트 태그 생성 → 이벤트 이름: `cta_click` → 트리거 연결

4. 미리보기로 테스트: GTM 미리보기 모드 → 사이트에서 버튼 클릭 → Tag Assistant에서 확인

// GTM GA4 이벤트 태그 설정값
Tag Type: Google Analytics: GA4 Event
Measurement ID: G-XXXXXXXXXX
Event Name: cta_click

// 이벤트 매개변수
button_text: {{Click Text}}
button_url: {{Click URL}}
page_location: {{Page URL}}

스크롤 깊이 90%에서 이벤트를 발생시키려면 트리거 유형을 ___로 설정한다

image

시각 자료

다이어그램: ga4-p-04-083

다이어그램: ga4-p-04-084

다이어그램: ga4-p-04-085

다이어그램: ga4-p-04-086

다이어그램: ga4-p-04-087

다이어그램: ga4-p-04-088

퀴즈와 인터랙션으로 더 깊이 학습하세요

play_circle인터랙티브 레슨 시작