유니버설 애널리틱스 전자상거래를 구현하는 데는 기본적으로 두 가지 방법(표준 전자상거래와 향상된 전자상거래)이 있습니다.
표준 전자상거래 보고서를 사용하면 사이트 또는 앱에서 발생한 거래를 측정하고 구매 활동을 분석할 수 있습니다. 제품 및 거래 정보, 평균 주문 금액, 전자상거래 전환율, 구매까지의 소요 시간 등의 데이터를 확인할 수 있습니다.
향상된 전자상거래에서는 표준 전자상거래 보고서에 기능이 추가됩니다. 향상된 전자상거래에는 고객이 장바구니에 상품을 추가하거나, 결제 과정을 시작하거나, 구매를 완료한 시점이 표시됩니다. 또한 향상된 전자상거래를 이용해서 쇼핑 유입경로에서 이탈하는 사용자 세그먼트를 확인할 수도 있습니다.
이 안내에서는 Google 태그 관리자를 사용하여 유니버설 애널리틱스 전자상거래 태그를 구현하는 방법을 설명합니다.
표준 전자상거래
표준 유니버설 애널리틱스 전자상거래 태그를 설정하는 방법은 다음과 같습니다.
- Google 애널리틱스 계정에 로그인하여 원하는 보기에 대해 전자상거래를 사용 설정합니다.
- 유니버설 애널리틱스 태그를 만들고 추적 유형을 거래로 설정합니다.
- 필수 입력란에 정보를 입력하여 태그를 구성합니다.
- 거래 페이지에
dataLayer()객체를 추가하여 필요한 변수를 수집하고 전달합니다. 태그가 실행되기 전에 코드에dataLayer()변수가 채워져 있는지 확인하세요. - 거래 확인 페이지에서 태그를 실행하는 트리거를 만듭니다.
모든 거래 정보는 다음과 같은 변수 이름을 사용해서 데이터 영역을 통해 전달되어야 합니다.
거래 데이터
| 변수 이름 | 설명 | 유형 |
|---|---|---|
| transactionId(필수) | 고유 거래 식별자 | 문자열 |
| transactionAffiliation(선택) | 파트너 또는 상점 | 문자열 |
| transactionTotal(필수) | 거래의 총 가치 | 숫자 |
| transactionShipping(선택) | 거래의 배송비 | 숫자 |
| transactionTax(선택) | 거래에 대한 과세액 | 숫자 |
| transactionProducts(선택) | 거래에서 구매한 상품 목록 | 제품 개체 배열 |
제품 데이터
| 변수 이름 | 설명 | 유형 |
|---|---|---|
| 이름(필수) | 제품 이름 | 문자열 |
| SKU(필수) | 제품 SKU | 문자열 |
| 카테고리(선택) | 제품 카테고리 | 문자열 |
| 가격(필수) | 단가 | 숫자 |
| 수량(필수) | 제품 수 | 숫자 |
이 코드를 태그 관리자 컨테이너 스니펫 위에 추가하여 태그 관리자에서 Google 애널리틱스 태그를 실행할 때 데이터 영역이 준비될 수 있게 하세요.
어떤 이유로든 전자상거래 데이터를 Google 태그 관리자 컨테이너 스니펫 위에 추가할 수 없는 경우, 다음 해결 방법 중 하나를 시도해 보세요.
- 페이지 아래쪽에 있는 맞춤 이벤트를 기반으로 태그가 실행되도록 합니다(예: 개발자 도움말에 나온 것처럼 데이터와 이벤트 푸시를 결합).
- 트리거 유형을 'DOM 사용 가능'으로 설정합니다.
Google 애널리틱스 전자상거래에 대해 자세히 알아보기
향상된 전자상거래
태그 관리자로 향상된 전자상거래를 구현하려는 경우 다음 두 가지 방법을 이용할 수 있습니다.
- 데이터 영역: 코드에서 데이터 영역으로 전자상거래 데이터를 푸시하는 방법이며, 이 방법을 사용하는 것이 좋습니다.
- 맞춤 자바스크립트: 태그 관리자에서 맞춤 자바스크립트 변수를 만듭니다. 이 변수는 데이터 영역으로 푸시할 정보가 들어간 객체를 반환해야 합니다.
어느 방법을 사용하거나 태그 관리자를 사용하여 향상된 전자상거래 태그를 구현하기 전에 먼저 Google 애널리틱스의 향상된 전자상거래를 숙지해야 합니다. 데이터 영역 구현을 위해 개발자의 도움을 요청해야 할 수도 있습니다.
중요: 향상된 전자상거래 구현 시 여러 가지 유형의 정보를 사용할 수 있습니다. 지원되는 데이터 유형의 전체 목록을 확인하려면 개발자 문서를 참고하세요.
데이터 영역 구현
- 코드에서 '전자상거래'라는 데이터 영역 객체에 전자상거래 정보를 추가합니다. 데이터 영역을 구현하는 자세한 방법은 태그 관리자 개발자 문서를 참고하세요.
- 태그 관리자에서 다음과 같은 추가 설정을 사용하여 유니버설 애널리틱스 태그를 만듭니다.
- 추적 유형을 페이지 조회 또는 이벤트로 설정합니다.
- Google 애널리틱스 설정 변수의 추가 설정
전자상거래에서 향상된 전자상거래 기능 사용을 True로 설정합니다.
- 데이터 영역 사용을 선택합니다.
전자상거래에서 향상된 전자상거래 기능 사용을 True로 설정합니다.맞춤 자바스크립트 변수 구현
- 맞춤 자바스크립트 변수를 만듭니다. 이 변수는 전자상거래 객체가 포함된 객체를 반환해야 합니다.
이 변수에서는 이 데이터를 데이터 영역으로 푸시하는 데 사용되는 것과 동일한 문법을 이용하세요. - 태그 관리자에서 다음과 같은 추가 설정을 사용하여 유니버설 애널리틱스 태그를 만듭니다.
- 추적 유형을 페이지 조회 또는 이벤트로 설정합니다.
- Google 애널리틱스 설정 변수의 추가 설정
- 데이터 영역 사용을 선택합니다.