"어디까지 읽고 나갔을까?" GTM 스크롤 깊이 추적 가이드 (25%~100%)

"내 블로그 글, 사람들이 끝까지 읽고 있을까?" 구글 태그 관리자(GTM)와 GA4를 활용해, 방문자가 화면의 25%를 봤는지 아니면 100% 끝까지 정독했는지 핀셋처럼 잡아내는 '스크롤 깊이 추적' 방법을 아주 쉽게 정리해 본다.

unsplash@mathilde langevin

GTM 스크롤 깊이 추적 설정 3단계

1단계: 트리거 만들기 (언제 신호를 보낼까?)

GTM 접속 → [트리거] → [새로 만들기].
이름: Event - Scroll Depth
트리거 유형: [스크롤 깊이] 선택.
설정:

세로 스크롤 깊이 체크.

비율 선택 후 25, 50, 75, 90, 100 입력 (콤마로 구분).

이 트리거 발생 위치: 모든 페이지(All Pages) 선택 후 저장.

GTM 트리거 Event - Scroll Depth 만들기

2단계: 기본 변수 활성화 (데이터를 담을 바구니)

스크롤 비율 수치를 GA4로 보내려면, GTM의 기본 변수를 켜줘야 한다.

[변수] → 기본 제공 변수의 [구성] 클릭.
스크롤 섹션에서 Scroll Depth Threshold에 체크한다. (이제 '90' 같은 숫자를 인식할 수 있다)

GTM 변수 구성 Scroll Depth Threshold 체크

3단계: 태그 만들기 (GA4로 전송)

[태그] → [새로 만들기].
이름: GA4 Event - Scroll Depth
태그 유형: Google 애널리틱스: GA4 이벤트.
설정:

측정 ID: 본인의 GA4 ID 입력.

이벤트 이름: scroll_depth (기본 scroll과 겹치지 않게 이름을 따로 준다).

이벤트 매개변수:

- 매개변수 이름: percent_scrolled / 값: {{Scroll Depth Threshold}}%

트리거: 1단계에서 만든 Event - Scroll Depth 선택 후 저장.
제출을 누르면 끝.

GTM 태그 GA4 Event - Scroll Depth 만들기

이제는 GA4 맞춤 보고서 작성

1단계: GA4 맞춤 측정 기준 등록하기

GA4 왼쪽 하단 [관리 (톱니바퀴)] > [데이터 표시] > [맞춤 정의] 클릭.
[맞춤 측정기준 만들기] 버튼을 누르고 아래와 같이 입력:

측정기준 이름: percent_scrolled

범위: 이벤트

이벤트 매개변수: percent_scrolled (직접 타이핑하거나 목록에서 선택)

저장을 누른다.

GA4 맞춤 측정기준 만들기

2단계: 탐색 보고서 만들기 (재료 가져오기)

왼쪽 메뉴에서 [탐색] 클릭 > [비어 있음] 선택.
변수 열 설정 (왼쪽 첫 번째 칸):

측정기준: + 버튼을 눌러 다음을 검색하고 추가.

이벤트 이름

페이지 제목

percent_scrolled

측정항목: + 버튼을 눌러 다음을 검색하고 추가.

이벤트 수

총 사용자

3단계: 보고서 조립하기 (설정)

가져온 재료들을 오른쪽 [설정] 패널로 드래그한다.

행: 페이지 제목, percent_scrolled 드래그
열: 비워두면 된다.
값: 이벤트 수 드래그
필터: 이벤트 이름을 드래그해서 넣고,

조건: '다음과 정확하게 일치' 선택

정규식 입력: scroll_depth 입력 후 '적용'을 누른다.

GA4 탐색 보고서 만들기

※ 구글 애널리틱스 실시간 보고서에서 확인하기.

GA4 왼쪽 메뉴에서 [보고서] > [실시간 개요]를 클릭한다. 화면 하단의 '이벤트 이름별 이벤트 수' 카드에서 scroll_depth가 보인다면 성공. 그 scroll_depth를 클릭해 보면, 매개변수로 설정한 percent_scrolled 수치(25%, 90% 등)도 볼 수 있다.

오늘의 한마디

<무효 트래픽 ip 추적>, <블로그 글 복사(드래그, 버튼 클릭) 추적>에 이은 세 번째 추적 <스크롤 깊이>까지. 이제야 블로그를 엑스레이 찍듯 들여다볼 수 있게 되었다!

근데 4일 사이, 늙은 거 같은 기분은 어쩌지?

※ 구글 애널리틱스(GA4) 실시간 스크롤 깊이 추적 예시 화면.

GA4 스크롤 깊이 추적 실시간 보고서

이 블로그 검색

한스 픽