구글 태그 매니저(GTM)에서 이벤트 매개변수(파라미터) 구현하는 방법

Google Tag Manager(GTM)는 웹사이트의 추적 태그를 쉽고 유연하게 관리할 수 있는 도구입니다.

그중에서도 GA4 이벤트 전송 시 "매개변수(parameter)"를 활용하는 것은 사용자 행동을 더 구체적으로 분석하는 데 필수적인 과정이죠.

 

이번 글에서는 GTM에서 매개변수를 구현하고 활용하는 방법을 단계별로 정리해 드릴게요.
특히 dataLayer와의 연결부터, GTM에서 변수 설정 및 태그에 적용하는 과정까지 실무적으로 다뤄보겠습니다.

 

 

1. GTM에서 매개변수(파라미터)를 활용하려면?

GTM에서 매개변수를 사용하려면 가장 먼저 기억할 게 하나 있습니다.

GTM은 "dataLayer"에 값이 존재해야만 해당 값을 읽고 사용할 수 있습니다.

 

예를 들어 아래와 같이 사용자 클릭 시 dataLayer에 데이터를 push한다고 가정해볼게요.

여기서 "category", "action", "label"은 우리가 GA4 이벤트 매개변수로 활용하고 싶은 값들입니다.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'signup_click',
  category: 'CTA',
  action: 'click',
  label: 'signup_button_top'
});

 

 

* 구글 태그 매니저, GTM(Google Tag Manager)과 데이터 레이어(Data Layer)

구글 태그 매니저, GTM(Google Tag Manager)과 데이터 레이어(Data Layer)

 

 

 

2. GTM의 "변수"에서 매개변수 생성하기

이제 dataLayer에 들어있는 값을 GTM에서 읽기 위해, 변수로 등록해야 합니다.

변수 생성 방법

1. GTM 대시보드 → "변수" 탭 클릭
2. 변수 새로 만들기
3. 변수 유형: 데이터 영역 변수(Data Layer Variable)
4. 데이터 영역 변수 이름: category (또는 action, label, ecommerce.purchase 등)
5. 변수 이름 지정: dlv_category (원하는 이름으로 설정 가능)
6. 저장

위 과정을 각 매개변수마다 반복해서 만들어주세요.

매개변수 설정 예시

 

 

 

3. 디버그 모드에서 변수 확인하기

변수를 만들었으면, 실제로 dataLayer 값이 잘 들어오고 GTM이 이를 인식하는지 확인해봐야겠죠.

확인 방법

1. GTM에서 "미리보기(Preview)" 클릭
2. 사이트 URL 입력 후 연결
3. 해당 이벤트를 발생시키는 행동 (예: 버튼 클릭)을 실제로 해보기
4. 디버그 창에서 해당 이벤트를 클릭
5. Variables 탭에서 아까 만든 dlv_category, dlv_action 등의 변수 값이 정상적으로 나오는지 확인

값이 잘 들어온다면 이제 매개변수를 태그에 적용할 준비가 된 거예요.

 

 

4. 태그에서 이벤트 생성 시 매개변수 추가하기

이제 마지막 단계! 실제 GA4 이벤트 태그에 매개변수를 연결해보겠습니다.

예시: GA4 이벤트 태그 설정

1. GTM → "태그" → 새 태그 만들기
2. 태그 유형: Google Analytics: GA4 이벤트
3. 구성 태그: 기존 GA4 설정 선택
4. 이벤트 이름: signup_click
5. 이벤트 매개변수 추가
   • event_category : {{dlv_category}}
   • event_action : {{dlv_action}}
   • event_label : {{dlv_label}}
6. 트리거: 해당 이벤트용 트리거 선택
7. 저장

이렇게 설정하면 사용자가 버튼을 클릭할 때 signup_click 이벤트가 발생하고,
그 안에 매개변수(category, action, label)가 함께 GA4로 전송됩니다.

이벤트 태그 설정 예시

 

---

 

[ 광고선배 인스타그램 바로가기 ]

http://www.instagram.com/ad_sunbae/