블로그 데이터 분석: 스크롤 깊이 대신 '푸터 노출'에 주목해야 하는 이유

단순히 페이지를 끝까지 내리는 것과, 글을 끝까지 읽는 것은 다르다. 스크롤 깊이 데이터만으로 부족했다면, 이제는 '푸터(Footer) 가시성 추적'에 주목할 때. 글의 결론과 About, Contact, Privacy Policy가 있는 푸터 영역을 실제로 눈에 담았는지를 추적해 보자.

GTM 푸터 가시성 추척
unsplash@muffin prakittiphoom


푸터(Footer) 가시성 추적

블로그스팟 에센셜(Essential) 테마 기준임에 유의하자.

1단계: 변수 활성화 확인

요소 공개 상태를 다룰 때는 기본 변수가 켜져 있어야 데이터가 정확히 수집된다.

  1. GTM 왼쪽 메뉴에서 변수 클릭.
  2. 우측 상단의 구성 버튼 클릭.
  3. 동영상 및 공개 상태 관련 항목들(Percent Visible, On-Screen Duration 등)에 체크.


2단계: 트리거 생성 - 언제 수집할 것인가?

가장 핵심인 '감시 카메라' 설정이다.

  1. 트리거 > 새로 만들기 > 요소 공개 상태 선택.
  2. 선택 방법: CSS 선택 도구
  3. 요소 선택 도구: .footer-content 입력.
  4. 트리거 실행 시점: 페이지당 한 번
  5. 최소 비율 표시: 50 퍼센트
  6. 화면 표시 최소 시간 설정: 2000 밀리초
  7. DOM 변경사항 준수: 체크.
  8. 트리거 이름: TR_Visibility_Footer

TR_Visibility_Footer
GTM 트리거 TR_Visibility_Footer

※ DOM 변경사항 준수를 체크하면 페이지가 로드된 후 동적으로 푸터가 나타나더라도 놓치지 않고 감지할 수 있다.


3단계: 태그 생성 - 어디로 보낼 것인가?

수집된 정보를 GA4 보고서로 배달하는 과정이다.

  1. 태그 > 새로 만들기 > 태그 유형: Google 애널리틱스: GA4 이벤트
  2. 측정 ID: 본인의 GA4 측정 ID 입력 (G-XXXXXXXXXX)
  3. 이벤트 이름: footer_visibility
  4. 이벤트 매개변수:
  • {{Page Path}}
  • {{Percent Visible}}
  1. 트리거: 2단계에서 만든 트리거(TR_Visibility_Footer)를 연결한다.
  2. 태그 이름: GA4_Event_Footer_View

GA4_Event_Footer_View
GTM 태그 GA4_Event_Footer_View

※ 만약 나처럼 Page Title 변수가 보이지 않는다면 Page Path를 사용해도 좋다. 어떤 포스팅 하단에서 노출이 일어났는지 충분히 파악할 수 있다.


GTM(구글 태그 관리자) 미리보기 테스트

우측 상단 제출하기 옆 미리보기를 누르고, 새 창으로 뜬 블로그에서 푸터까지 끝까지 스크롤한 뒤 2초간 멈춘다.

GTM 미리보기 화면 타임라인에 '요소 공개 상태' 이벤트가 뜨고, 실행된 태그 수에 GA4_Event_Footer_View가 뜬다면 성공!

GTM 미리보기 요소 공개 상태 이벤트 성공 화면
GTM 미리보기 요소 공개 상태 이벤트 성공 화면


오늘의 한마디

이제 하단 푸터 영역에 2초 이상 머무른다면 완독 이벤트가 발생한다. 단순히 휙 지나치는 스크롤과 '진짜 읽는 것'을 구분하는 포인트. 복잡한 GTM 설정도 따라 하다 보면 '성공'의 녹색 체크 표시를 만날 수 있다.


※ 내용 추가:

'GTM 3단계: 태그 생성'에서 Page Title 변수가 없어서 Page Path로 대신했는데, GA4(구글 애널리틱스)의 똑똑한 자동 수집 기능 덕분에 Page Title이 잡힌다.

GA4 실시간 개요 이벤트 footer_visibility
GA4 실시간 개요 이벤트 footer_visibility

GA4 실시간 개요 이벤트 page_title
GA4 실시간 개요 이벤트 page_title


댓글