데이터 레이어 GTM 구매 전환 측정 – 전자상거래

신입 마케터 시절, 제가 담당하는 서비스에서는 상거래 전환 측정을 하지 못하고 있었습니다. 분명 GA(당시에는 UA)도 설치했고, 회원 가입 등 전환도 추적 가능했는데 얼마나 수익이 발생했는지는 추적을 못하겠더라고요. 지식과 경험이 많이 부족했던 때였습니다.

상거래 전환 측정, purchase 전환 추적은 GA4에서 ‘꽃’이라고 할 수 있습니다. 대부분의 비즈니스에서 마지막 전환은 결제, 구입이기 때문에 구매 전환을 측정하지 못한다면 분석도 반쪽짜리가 되고 맙니다. 광고 효과도 제대로 알 수 없겠죠.

이번 가이드에서는 GTM에서 데이터 레이어를 이용하여 purchase 구매 전환추적하는 방법을 다룹니다.


0. 사전 준비

- 데이터 레이어를 이용한 전환 측정은 개발 파트와 협업이 필요합니다. 

- 사이트 구조 상 다양한 경우가 있겠지만, 본 가이드에서는 구매 완료 페이지에서 데이터 레이어를 실행 시킨다고 가정합니다.


1. 데이터 레이어 세팅

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>

소스 코드 설명

“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) 데이터 레이어 실행

개발 파트에 요청하여 해당 데이터 레이어가 결제 완료 페이지 (땡큐 페이지) 에서 실행되도록 합니다.

데이터 레이어 실행과 관련해서는 구글에서 제공하는 개발자 문서를 참고해 주세요.

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_eventGA4 이벤트GA4purchase

  • 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 구매 전환 측정 방법을 알아 보았습니다. 데이터 레이어 세팅을 통한 구매 전환 추적은 사이트 구조에 따라 달라질 수 있습니다. 중요하면서도 어려운 부분이기에 궁금하신 점이나 어려우신 내용이 있다면 댓글을 통해 질문 남겨 주세요. 감사합니다. 🙂

Leave a Comment