GTM(구글 태그매니저) 잘 사용하고 계신가요? 신입 마케터 시절, 제가 담당하는 서비스에서는 상거래 전환 측정을 하지 못하고 있었습니다. 분명 GA(당시에는 UA)도 설치했고, 회원 가입 등 전환도 추적 가능했는데 얼마나 수익이 발생했는지는 추적을 못하겠더라고요. 지식과 경험이 많이 부족했던 때였습니다.
상거래 전환 측정, purchase 전환 추적은 GA4에서 ‘꽃’이라고 할 수 있습니다. 대부분의 비즈니스에서 마지막 전환은 결제, 구입이기 때문에 구매 전환을 측정하지 못한다면 분석도 반쪽짜리가 되고 맙니다. 광고 효과도 제대로 알 수 없겠죠.
이번 가이드에서는 GTM에서 데이터 레이어를 이용하여 purchase 구매 전환을 추적하는 방법을 다룹니다.
0. 사전 준비
- 데이터 레이어를 이용한 전환 측정은 개발 파트와 협업이 필요합니다. - 사이트 구조 상 다양한 경우가 있겠지만, 본 가이드에서는 구매 완료 페이지에서 데이터 레이어를 실행 시킨다고 가정합니다.
1. GTM 데이터 레이어 세팅
1) 예시
판매 상품 및 수집해야 하는 항목이 아래와 같다고 가정합니다.
상품 정보
| 상품명 | blue t-shirt |
| 가격 | 5,000 원 |
수집 항목
| 회원 정보 | ID |
| 상품 정보 | 상품명, 주문번호, 가격, 수량 |
2) 데이터 레이어 구성
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
"event": "purchase", //이벤트 명, 고정
"user_name": "hongppo", //유저 id 변수
"ecommerce": {
"transaction_id": "0000", //주문번호 변수
"currency": "KRW", //KRW로 고정
"tax": 500, //부가세 = price*0.1
"value": 5500 //결제금액 총계 = price + tax
"items": [{
"item_name": "blue t-shirt", //상품명 변수
"price": "5000", //가격 변수
"quantity": 1 //수량 변수
}]
}
});
</script>GTM 소스 코드 설명
| “event”: “purchase”, | 구매 이벤트입니다. 고정하여 실행합니다. |
| “user_name”: “hongppo”, | 유저 ID 변수입니다. ID에 따라 변경하여 실행합니다. |
| “ecommerce”: { | 상거래 관련 항목이 포함된다는 의미입니다. |
| “transaction_id”: “0000”, | 주문번호 변수입니다. 일반적으로 PG사 결제번호를 넣습니다. |
| “currency”: “KRW”, | 한국 내 결제 일 경우 원(₩)으로 고정하여 실행합니다. |
| “tax”: 500, | 부가세입니다. 상품 및 수량에 따라 달라집니다. |
| “value”: 5500, | 부가세를 포함한 최종 가격입니다. 상품 및 수량에 따라 달라집니다. |
| “items”: [{ | 아이템 어레이입니다. 상품(item) 속성이 포함된다는 의미입니다. |
| “item_name”: “blue t-shirt”, | 상품명 변수입니다. 상품에 따라 달라집니다. |
| “price”: “5000”, | 상품 가격입니다. 상품에 따라 달라집니다. |
| “quantity”: 1 | 상품 수량입니다. 수량이 달라지면 최종 가격 (value)이 달라져야 합니다. |
아이템 어레이 등 데이터 레이어에 들어가는 속성을 추가로 확인하고 싶다면 구글에서 제공하는 전자상거래 예시 사이트를 참고해 주세요.
3) 데이터 레이어 실행
개발 파트에 요청하여 해당 GTM 데이터 레이어가 결제 완료 페이지 (땡큐 페이지) 에서 실행되도록 합니다.
데이터 레이어 실행과 관련해서는 구글에서 제공하는 개발자 문서를 참고해 주세요.
2. GTM 세팅
1) 변수 세팅
사용자 정의 변수
| 이름 | 변수 유형 | 데이터 영역 변수 이름 | 데이터 영역 버전 |
|---|---|---|---|
| dataLayer – ecom – user_name | 데이터 영역 변수 | user_name | 버전 2 |
| dataLayer – ecom – transaction_id | 데이터 영역 변수 | ecommerce.transaction_id | 버전 2 |
| dataLayer – ecom – currency | 데이터 영역 변수 | ecommerce.currency | 버전 2 |
| dataLayer – ecom – tax | 데이터 영역 변수 | ecommerce.tax | 버전 2 |
| dataLayer – ecom – value | 데이터 영역 변수 | ecommerce.value | 버전 2 |
| dataLayer – ecom – items | 데이터 영역 변수 | ecommerce.items | 버전 2 |
- items 어레이에 들어가는 항목들은 기본 제공되는 항목이기에 따로 변수 설정을 하지 않습니다.
2) 트리거 세팅
트리거 구성
| 트리거 이름 | 트리거 유형 | 이벤트 이름 | 실행 |
|---|---|---|---|
| ecom_purchase | 맞춤 이벤트 | purchase | 모든 맞춤 이벤트 |
3) 태그 세팅
태그 기본 구성
| 태그 이름 | 태그 유형 | 구성 태그 | 이벤트 이름 |
|---|---|---|---|
| purchase_event | GA4 이벤트 | GA4 | purchase |
- GA4 이벤트 태그 및 구성 태그는 각 GTM 설정에 맞춰서 진행합니다.
이벤트 매개변수 구성
| 매개변수 이름 | 매개변수 값 |
|---|---|
| user_name | {{dataLayer – join – user_name}} |
| transaction_id | {{dataLayer – ecom – transaction_id}} |
| currency | {{dataLayer – ecom – currency}} |
| tax | {{dataLayer – ecom – tax}} |
| value | {{dataLayer – ecom – value}} |
| items | {{dataLayer – ecom – items}} |
트리거 구성
| 트리거 실행 | ecom_purchase |
4) 제출 - 태그 구성까지 완료되었다면 제출하여 실행합니다.
3. GA4 세팅
1) 맞춤 정의 - 맞춤 측정 기준 세팅
| 맞춤 측정기준 이름 | 범위 | 사용자 속성/매개변수 |
|---|---|---|
| user_name | 이벤트 | user_name |
| transaction_id | 이벤트 | transaction_id |
| currency | 이벤트 | currency |
| tax | 이벤트 | tax |
| value | 이벤트 | value |
2) 보고서 확인
세팅을 마치고 약 24시간 이후부터 purchase 이벤트 수집을 확인 할 수 있습니다.
4. 마무리
이번 가이드에서는 GA4, GTM 전환 측정의 ‘꽃’ 데이터 레이어를 통한 purchase 구매 전환 측정 방법을 알아 보았습니다. 데이터 레이어 세팅을 통한 구매 전환 추적은 사이트 구조에 따라 달라질 수 있습니다. 중요하면서도 어려운 부분이기에 궁금하신 점이나 어려우신 내용이 있다면 댓글을 통해 질문 남겨 주세요. 감사합니다. 🙂
1 thought on “GTM 데이터 레이어 구매 전환 측정 – 전자상거래”