[추적 시리즈] 데이터 정제의 꽃, 블로그 카테고리별 성과 분석용 콘텐츠 그룹화

GA4 실시간 개요 content_group에 보이는 라벨 'TECH|LOG'

내 블로그는 어떤 라벨(카테고리)이 인기가 좋을까란 답을 알려주는 콘텐츠 그룹화, '추적 시리즈'를 보았다면 이번 작업은 간단하게 느껴질 것이다.


추적은 그만, 데이터 정제를 위한 콘텐츠 그룹화하기

1단계: GTM에서 '카테고리' 변수 만들기

웹사이트 화면에서 "ESSENTIAL"이나 "LOG: 추적시리즈" 같은 글자를 자동으로 읽어오는 '탐지기'를 만드는 과정이다.

  1. GTM 접속: [변수] 메뉴로 이동한 뒤, 하단의 사용자 변수에서 [새로 만들기]를 클릭한다.
  2. 변수 유형 선택: [맞춤 자바스크립트]를 선택한다. 블로그스팟 '에센셜 테마' 기준임.
  3. 코드 붙여넣기: 아래 코드를 복사해서 넣는다.

JavaScript 

function() {
  // 1. 라벨 검색 페이지(.search-label) 처리
  var searchLabel = document.querySelector('.search-label');
  if (searchLabel) {
    return searchLabel.innerText.replace('라벨이 ', '').replace('인 게시물 표시', '').trim();
  }

  // 2. 일반 포스팅 본문 페이지 처리 (에센셜 테마 기준)
  var postLabel = document.querySelector('.post-labels a, .label-link');
  if (postLabel) {
    return postLabel.innerText.trim();
  }

  return "(개별포스트)"; // 라벨 정보가 없을 때
}
  1. 이름 저장: 변수 이름을 JS - Content Group으로 입력하고 저장한다.

GTM 변수 맞춤 자바스크립트
GTM 변수 맞춤 자바스크립트


2단계: GA4 태그에 변수 연결하기

이제 탐지기가 알아낸 카테고리 이름을 GA4로 보내도록 연결줄을 잇는 과정이다.

  1. 태그 이동: GTM [태그] 메뉴에서 현재 사용 중인 Google 태그(GA4_Config)를 클릭한다. '태그 구성' 우측 상단의 연필 모양을 누르고, [구성 설정]을 누른다.
GTM 기존에 만들어 둔 GA4_Config 선택
GTM 기존에 만들어 둔 GA4_Config 선택

  1. 설정 추가: [구성 매개변수] 항목의 설정 추가를 누른다.

  • 매개변수: content_group (반드시 소문자)
  • 값: 입력창 오른쪽 [+] 아이콘을 눌러 아까 만든 JS - Content Group을 선택한다. 선택하면 {{JS - Content Group}} 이런 모양.
GTM 태그 구성 매개변수 값 입력
GTM 태그 구성 매개변수 값 입력 화면

  1. 최종 반영: 저장 후, 화면 우측 상단의 파란색 [제출] 버튼을 누르고 [게시]까지 완료해야 블로그에 적용됨.


최종 검증은 어떻게?

  1. GTM 미리보기 실행: GTM 우측 상단의 [미리보기] 버튼을 누른다.
  2. 블로그 접속: 내 블로그에 접속하여 아무 라벨(카테고리)을 누른다. GTM 미리보기 화면 왼쪽 목록에서 '컨테이너 로드'를 누르고, 실행된 태그 수에서 'GA4_Config'를 클릭한다.
실행된 태그 GA4_Config에 보이는 content_group과 라벨 'ESSENTIAL'
실행된 태그 GA4_Config에 보이는 content_group과 라벨 'ESSENTIAL'

  1. GA4 보고서 → 실시간 개요: 이벤트 이름별 이벤트 수에서 page_view에 content_group이 보이고, 내가 누른 라벨이 보인다면 성공!

GA4 실시간 개요 content_group에 보이는 라벨 'TECH|LOG'
GA4 실시간 개요 content_group에 보이는 라벨 'TECH|LOG'


오늘의 한마디

그러고보니 이것도 추적이긴 하네.


Related Posts

댓글

댓글 쓰기