안녕하세요 ?
국내 유일의 무료 워드프레스 쇼핑몰 “우커머스 교실”에서 오늘은 구글 애널리틱스를 확장한 구글 전자 상거래 분석( e-commerce Analatics)에 대해 공부해보도록 하겠습니다. 구글 전자상거래 애널래틱스는 쇼핑사이트의 매출, 고객행동패턴, 마케팅 성과 를 분석할 수 있는 강력한 툴입니다만 아직도 많은분들이 생소하게 느끼고 있습니다.
구글 전자 상거래 분석의 예시와 개념
워드프레스 쇼핑몰에서 여성복을 주문하는 프로세스는
(1) 여성복 갤러리(진열대) 페이지에서
(2) 상품 상세 페이지로 넘어가고
(3) 상품을 장바구니에 담은후
(4) 결제 페이지에서 결제를 하고 나면
(5) 결제정보가 적인 매출 전표가 발급됩니다.
이때 매출 전표는 워드프레스 쇼핑몰 내부의 시스템에도 있지만 또 다른 매출 전표는 구글 애널래틱스(앞으로 GA 로 부릅니다.)로 서버에 기록 됩니다. 이것이 바로 GA의 자바 스크립트 코드를 통한 웹로그를 전달하는 방식이 됩니다.
그러면 워드프레스 쇼핑몰에서 GA로 어떤 데이터가 전송될까요?
(1) 여성복 갤러리(진열대) 페이지에서
(2) 상품 상세 페이지로 넘어가고
(3) 상품을 장바구니에 담은후
(4) 결제 페이지에서 결제를 하고 나면
(5) 결제정보가 적인 매출 전표가 발급됩니다.
이때 매출 전표는 워드프레스 쇼핑몰 내부의 시스템에도 있지만 또 다른 매출 전표는 구글 애널래틱스(앞으로 GA 로 부릅니다.)로 서버에 기록 됩니다. 이것이 바로 GA의 자바 스크립트 코드를 통한 웹로그를 전달하는 방식이 됩니다.
그러면 워드프레스 쇼핑몰에서 GA로 어떤 데이터가 전송될까요?
| 큰항목 | 내용 |
|---|---|
| 주문 정보 | 주문번호 (ID) 제휴사 (Affiliation) 총액 (Revenue) 배송비 (Shipping) 세금 (Tax) |
| 제품 정보 | 주문번호 (ID): 위의 주문번호와 동일 제품명 (Name) 제품코드 (SKU) 제품종류 (Category) 제품가격 (Price) 제품수량 (Quantity) |
구글 전자 상거래 분석의 추적 코드
구글 이커머스 애널래틱스에서는 아래와 같은 방식으로 전자상거래를 추적합니다.
본격적인 코딩업에 앞서 GA로 로그인 한 후 관리 –> 보기 -> 전자상거래 설정 – 전자상거래 사용설정을 [켜짐] 상태로 –> 다음단계 –> 제출 버튼을 차례로 눌러서 전자상거래를 활성화시킵니다.
여기서 “향상된 전자 상거래 보고” 라는 것이 보이는데 이것을 설정 상태로 만들면 Checkout라벨 지정이라는 태그를 보여줍니다. 이것이 향후 결제 유입 경로 단계에 대한 라벨를 생성해서 워드프레스 쇼핑몰 사이트에서 추적 코드를 사용하는 것을 보여줍니다.
본격적인 코딩업에 앞서 GA로 로그인 한 후 관리 –> 보기 -> 전자상거래 설정 – 전자상거래 사용설정을 [켜짐] 상태로 –> 다음단계 –> 제출 버튼을 차례로 눌러서 전자상거래를 활성화시킵니다.
여기서 “향상된 전자 상거래 보고” 라는 것이 보이는데 이것을 설정 상태로 만들면 Checkout라벨 지정이라는 태그를 보여줍니다. 이것이 향후 결제 유입 경로 단계에 대한 라벨를 생성해서 워드프레스 쇼핑몰 사이트에서 추적 코드를 사용하는 것을 보여줍니다.
구글 전자 상거래 추적 코드 적용
| GA의 E-Commerce 트랙킹은 기본코드에 네 가지 추가 필요 |
|---|
| Ecommerce.js 플러그인 호출 결제정보 (예: 주문번호, 구매액 등) 코드 제품정보 (예: 제품 ID, 제품명, SKU 등) 코드 GA 로 위 정보를 전송하는 커맨드 |
| 1. Ecommerce.js 플러그인 호출 |
|---|
| 페이지마다 삽입되는 기본 GA 코드에 아래 한 줄을 추가해서 ecommerce.js 자바스크립트 파일을 호출 : 구매완료 페이지에만 추가 |
ga('require', 'ecommerce', 'ecommerce.js');
| 2. 결제정보 코드 추가 |
|---|
결제 정보 전송 내역 : 구매완료 페이지에 추가
ga('ecommerce:addTransaction', {
'id': '1234', // 시스템에서 생성된 주문번호. 필수.
'affiliation': 'store.co.kr', // 제휴사이름. 선택.
'revenue': '127000', // 구매총액. 필수.
'shipping': '5000', // 배송비. 선택.
'tax': '2000' // 세금. 선택.
});
ga('ecommerce:addTransaction', {
'id': '1234', // 시스템에서 생성된 주문번호. 필수.
'affiliation': 'store.co.kr', // 제휴사이름. 선택.
'revenue': '127000', // 구매총액. 필수.
'shipping': '5000', // 배송비. 선택.
'tax': '2000' // 세금. 선택.
});
| 3. 제품정보 코드 추가 |
|---|
ga('ecommerce:addItem', {
'id': '1234', //시스템에서 생성된 주문번호. 필수.
'name': '남성용 긴팔셔츠 흰색 XL', // 제품명. 필수.
'sku': 'XXX56789', // SKU 또는 제품고유번호. 선택.
'category': '남성의류', // 제품 분류.
'price': '30000', // 제품 단가.
'quantity': '1' // 제품 수량.
});
'id': '1234', //시스템에서 생성된 주문번호. 필수.
'name': '남성용 긴팔셔츠 흰색 XL', // 제품명. 필수.
'sku': 'XXX56789', // SKU 또는 제품고유번호. 선택.
'category': '남성의류', // 제품 분류.
'price': '30000', // 제품 단가.
'quantity': '1' // 제품 수량.
});
| 4. GA 로 정보 전송 |
|---|
ga('ecommerce:send');
Tatvic 플러그인의 활용
원래 카페 24나 메이크 샵 같은 일반적인 한국의 쇼핑몰에서는 위와 같은 추적 코드를 달아 줘야 하지만 워드프레스에서는 그럴 필요 없이 구글 전자 상거래 분석용 플러그인 하나만 설치하면 만사 오케이 입니다. 그것이 워드프레스를 사용하는 장점 중에 하나겠지요. 하지만 위의 내용과 같이 데이터가 차곡차곡 정리되어 GA에 기록된다는 것을 아는 것과 모른 것은 이해도를 있어 많은 차이가 있습니다.