Google 애널리틱스 전자상거래

Google 애널리틱스 전자상거래를 구현하는 방법에는 다음과 같은 두 가지 주요 유형이 있습니다.

Google 애널리틱스의 표준 전자상거래 보고서를 이용하면 내 사이트 또는 앱에서 발생한 구매 활동을 분석할 수 있습니다. 제품 및 거래 정보, 평균 주문값, 전자상거래 전환율, 구매까지의 소요 시간 등을 확인할 수 있습니다.

향상된 전자상거래는 Google 애널리틱스 보고서에 추가 기능을 제공합니다. 향상된 전자상거래에는 고객이 장바구니에 상품을 추가하거나, 결제 과정을 시작하거나, 구매를 완료한 시점이 표시됩니다. 또한 향상된 전자상거래를 이용해서 쇼핑 유입경로에서 이탈하는 사용자 세그먼트를 확인할 수도 있습니다.

위의 두 가지 방법 모두 태그 관리자를 사용하여 구현할 수 있습니다.

표준 전자상거래

표준 Google 애널리틱스 전자상거래 태그를 설정하는 방법은 다음과 같습니다.

  1. Google 애널리틱스 보고서에서 전자상거래를 사용 설정합니다.
  2. 유니버설 애널리틱스 태그를 만들고 추적 유형거래로 설정합니다.
  3. 필수 입력란에 정보를 입력하여 태그를 구성합니다.
  4. 태그가 실행되어야 하는 때를 지정합니다.

모든 거래 정보는 다음과 같은 변수 이름을 사용해서 데이터 영역을 통해 전달되어야 합니다.

거래 데이터

변수 이름 설명 유형
transactionId(필수) 고유 거래 식별자 문자열
transactionAffiliation(선택) 파트너 또는 상점 문자열
transactionTotal(필수) 거래의 총 가치 숫자
transactionShipping(선택) 거래의 배송비 숫자
transactionTax(선택) 거래에 대한 과세액 숫자
transactionProducts(선택) 거래에서 구매한 상품 목록 제품 개체 배열

제품 데이터

변수 이름 설명 유형
이름(필수) 제품 이름 문자열
SKU(필수) 제품 SKU 문자열
카테고리(선택) 제품 카테고리 문자열
가격(필수) 단가 숫자
수량(필수) 품목 수 숫자

다음은 자바스크립트에서 데이터 영역 코드를 구현하는 방식의 예입니다.

<script>
window.dataLayer = window.dataLayer || []
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Acme Clothing',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'T-Shirt',
       'category': 'Apparel',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Socks',
       'category': 'Apparel',
       'price': 9.99,
       'quantity': 2
   }]
});
</script>
	

이 코드를 태그 관리자 컨테이너 스니펫 에 추가하여 태그 관리자에서 Google 애널리틱스 태그를 실행할 때 데이터 영역이 준비될 수 있도록 합니다.

어떤 이유로든 전자상거래 데이터를 Google 태그 관리자 컨테이너 스니펫 위에 추가할 수 없는 경우, 다음 해결 방법 중 하나를 시도해 보세요.

  • 페이지 아래쪽에 있는 맞춤 이벤트를 기반으로 태그가 실행되도록 합니다(예: 개발자 도움말에 나온 것처럼 데이터와 이벤트 푸시를 결합).
  • 트리거 유형을 'DOM 사용 가능'으로 설정합니다.

Google 애널리틱스 전자상거래를 자세히 알아보세요.

향상된 전자상거래

태그 관리자를 사용하여 향상된 전자상거래를 구현하는 방법은 다음과 같이 두 가지가 있습니다.

  • 데이터 영역: 코드에서 데이터 영역으로 전자상거래 데이터를 푸시하는 방법이며, 이 방법을 사용하는 것이 좋습니다.
  • 맞춤 자바스크립트: 태그 관리자에서 맞춤 자바스크립트 변수를 만듭니다. 이 변수는 데이터 영역으로 푸시할 정보가 들어간 객체를 반환해야 합니다.

중요: 향상된 전자상거래 구현 시 여러 가지 유형의 정보를 사용할 수 있습니다. 지원되는 데이터 유형의 전체 목록을 확인하려면 개발자 도움말을 참조하세요.

데이터 영역 구현

  1. 코드에서 '전자상거래'라는 데이터 영역 객체에 전자상거래 정보를 추가합니다. 데이터 영역을 구현하는 자세한 방법은 태그 관리자 개발자 도움말을 참조하세요.
  2. 태그 관리자에서 유니버설 애널리틱스 태그를 만들고 추적 유형페이지 조회 또는 이벤트로 설정합니다.
  3. 기타 설정 다음 광고에서 향상된 전자상거래 기능 사용True로 설정합니다. 
  4. 데이터 영역 사용을 선택합니다.

변수 이용하기

  1. 맞춤 자바스크립트 변수를 만듭니다. 이 변수는 전자상거래 객체를 포함하는 객체가 반환해야 합니다(아래의 코드 예 참조).
     
    function() {
     var ecommerceData = {
       'ecommerce' : {
         currencyCode : 'EUR',
         // add additional parameters as needed...
       }
     };
     return ecommerceData;
    }
    			
    이 변수에서 이 데이터를 데이터 영역으로 푸시하는 데 사용하는 동일한 구문을 이용하세요. 자세히 알아보려면 개발자 도움말을 참조하세요.
  2. 유니버설 애널리틱스 태그를 만들고 추적 유형페이지 조회 또는 이벤트로 설정합니다.
  3. 기타 설정 다음 광고에서 향상된 전자상거래 기능 사용True로 설정합니다. 
  4. 데이터 영역 사용을 선택합니다.

관련 자료

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?