무엇이냐?
mind the log 자료
주문완료 되면 사이트 서버에서 해당 정보 처리 후 GA서버에 2종류 데이터 전달
1. 주문 정보
– 주문번호(ID)
– 제휴사(Affiliation)
– 총액(Revenue)
– 배송비(shipping)
– 세금(Tax)
2. 제품 정보
– 주문정보(ID): 위의 주문번호와 동일
– 제품명(Name)
– 제품코드(SKU)
– 제품가격(Price)
– 제품수량(Quantity)
향상된 전자상거래 켜기
Google Analytics사이트 > 설정원하는 앱 > Admin > Property Settings > Use enhanced link attribution을 On으로 켠다.
GA 전자상거래
- 설정방법
- Google 애널리틱스에서 새로운 태그 유형을 만듭니다.
- 태그가 실행되는 경우를 지정합니다.
- 태그 이름, 태그 유형, 관련 추적 ID와 같은 필수 입력란에 해당 정보를 입력합니다.
- 추적 유형을 ‘거래’로 설정합니다.
- 변수
- 모든 거래 정보는 데이터 영역을 통해 전달되어야 함.
- transactionId(필수) 고유 거래 식별자 문자열
- transactionAffiliation(선택) 파트너 또는 상점 문자열
- transactionTotal(필수) 거래의 총 가치 숫자
- transactionShipping(선택) 거래의 배송비 숫자
- transactionTax(선택) 거래에 대한 과세액 숫자
- transactionProducts(선택) 거래에서 구매한 상품 목록 TransactionProduct 객체의 배열
- TransactionProduct 데이터
- 온라인 거래에 포함되는 제품 설명하는 객체 목록
- 이름(필수) 제품 이름 문자열
- SKU(필수) 제품 SKU 문자열
- 카테고리(선택) 제품 카테고리 문자열
- 가격(필수) 단가 숫자
- 수량(필수) 품목 수 숫자
데이터 영역 코드 구현 예
<br />dataLayer = [{
'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
}]
}];
비동기때문에 GTM컨테이너 스니펫 앞에 이 코드를 넣어야 한다.
콘텐츠 그룹
앱 콘텐츠를 논리적 구조로 분류 가능.
남성-셔츠 여성-악세사리 이렇게 대분류 소분류 등으로 분류 가능하다.
1
admin > view > content grouping > New에 들어가서 입력한다.
- 이름: 유아책
- Index: 색인 번호. 지정하는 콘텐츠 분류 이름과 연결. GTM에서 태그 만들 때 이 숫자 사용.
Universal Analytics Tracking Code (analytics.js):
ga('set', 'contentGroup1', 'My Group Name');
이런식으로 삽입.
2
참고
GTM에서 태그 추가 > Track Type: Page View > Configure Tag > More setting > add content group에서 위에서 지정한 최상이 콘텐츠 분류의 색인 번호를 적어준다.
Content Group에는 하위 분류를 적어둔다(e.g 셔츠)
추적코드 달기
mind the log
Intro
기본코드 외 4가지가 필요하다.
1. Ecommerce.js플러그인 호출
2. 결제정보(e.g. 주문번호, 구매액 등) 코드
3. 제품정보(e.g. 제품 아이디, 제품명) 코드
4. GA로 위 정보를 전송하는 커맨드
이 4가지가 기본 GA코드에 추가되어 구매완료(영수증) 페이지에 삽입되어야 함.
1. Ecommerce.js 플러그인 호출
페이지마다 삽입되는 기본 GA코드에
ga('require', 'ecommerce', 'ecommerce.js');
를 추가함. 구매완료 페이지에만 추가하면 된다.
2. 결제정보 코드 추가
구매완료페이지에 추가한다.
ga('ecommerce:addTransaction', {
'id': '1234', // 시스템에서 생성된 주문번호. 필수.
'affiliation': 'store.co.kr', // 제휴사이름. 선택사항. 쿠폰이름 같은거 넣어도 된다.
'revenue': '127000', // 구매총액. 필수. 배송비 및 세금 기타 모든 비용 포함
'shipping': '5000', // 배송비. 선택사항.
'tax': '2000' // 세금. 선택사항.
});
3. 제품정보 코드 추가
구매완료 페이지에 추가. for문으로 돌린다.
ga('ecommerce:addItem', {
'id': '1234', //시스템에서 생성된 주문번호. 필수.
'name': '남성용 긴팔셔츠 흰색 XL', // 제품명. 필수.
'sku': 'XXX56789', // SKU 또는 제품고유번호. 선택사항.
'category': '남성의류', // 제품 분류.
'price': '30000', // 제품 단가.
'quantity': '1' // 제품 수량.
});
4. GA로 위 정보 전송
구매완료 페이지에 추가
ga('ecommerce:send');
tagmanager로 전자상거래 추적 달기
참고링크
1. 태그매니저 사이트에 들어가서 Variables>new>Custom Javascript에 아래 코드를 넣는다.
function() {
var ecommerceData = {
'ecommerce' : {
currencyCode : 'EUR',
// add additional parameters as needed...
}
};
return ecommerceData;
}
이 변수에서 이 데이터를 데이터 영역으로 푸시하는 데 사용하는 동일한 구문을 이용해라.
실제로 어떻게 동작하나 살펴볼 수 있는 사이트
http://enhancedecommerce.appspot.com/
환불
마찬가지로 ‘환불영수증’ 을 발행시키면 되는데요, 주문번호를 그대로 두되 같은 액수를 마이너스로 해서 마이너스 주문을 입력하는 방식입니다.
두 가지 방법을 알려드리자면,
1) 아래와 같이 구매총액 및 상품갯수를 마이너스로, 제품단가는 양수로 입력한 환불영수증 페이지를 만들어서 로드합니다.
ga('ecommerce:addTransaction', {
'id': '1234', // 시스템에서 생성된 주문번호. 필수.
'affiliation': 'store.co.kr', // 제휴사이름. 선택사항.
'revenue': '-127000', // 구매총액의 마이너스 입력!!! 필수.
'shipping': '-5000', // 배송비 마이너스 입력!!! 선택사항.
'tax': '-2000' // 세금 마이너스 입력!!! 선택사항.
});
// 제품별 데이터
ga('ecommerce:addItem', {
'id': '1234', //시스템에서 생성된 주문번호. 필수.
'name': '남성용 긴팔셔츠 흰색 XL', // 제품명. 필수.
'sku': 'XXX56789', // SKU 또는 제품고유번호. 선택사항.
'category': '남성의류', // 제품 분류.
'price': '30000', // 제품 단가. 양수로 입력!!!
'quantity': '-1' // 제품 수량. 마이너스 입력!!!
});
참조: https://support.google.com/analytics/answer/1037443?hl=ko
만약 향상된전자상거래 (Enhanced Ecommerce) 를 사용중이시면, Data Import 를 통해 보다 손쉽게 일괄적으로 처리 가능합니다.
참조: https://support.google.com/analytics/answer/6014861?hl=ko
답변이 되었기를 바랍니다~
refer
공식가이드
공식가이드 링크
Ecommerce with Tag manager
공식가이드
미리 읽어야 할 Enhanced Ecommerce
tagmanager ecommerce 동영상강의
Refer
GOOGLE ANALYTICS MOOC – ECOMMERCE ANALYTICS
GOOGLE ANALYTICS MOOC – ECOMMERCE ANALYTICS 후기
좌측 상단의 ‘Publish’옆의 화살표를 눌러 ‘Preview and Debug‘를 눌러줍니다.
GTM으로 가서 Triggers탭에서 새로운 트리거를 만들어 줍니다.
블로그 이사갔어요! https://milooy.github.io/ 