Google Analytics 전자상거래(ecommerce) 적용하기

무엇이냐?

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 전자상거래

  1. 설정방법
    • Google 애널리틱스에서 새로운 태그 유형을 만듭니다.
    • 태그가 실행되는 경우를 지정합니다.
    • 태그 이름, 태그 유형, 관련 추적 ID와 같은 필수 입력란에 해당 정보를 입력합니다.
    • 추적 유형을 ‘거래’로 설정합니다.
  2. 변수
    • 모든 거래 정보는 데이터 영역을 통해 전달되어야 함.
    • transactionId(필수) 고유 거래 식별자 문자열
    • transactionAffiliation(선택) 파트너 또는 상점 문자열
    • transactionTotal(필수) 거래의 총 가치 숫자
    • transactionShipping(선택) 거래의 배송비 숫자
    • transactionTax(선택) 거래에 대한 과세액 숫자
    • transactionProducts(선택) 거래에서 구매한 상품 목록 TransactionProduct 객체의 배열
  3. 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 &gt; view &gt; content grouping &gt; 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&gt;new&gt;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 후기

Advertisements

[Google Analytics] UTM Parameter를 달아 링크 유입 분석하기 (with google URL Builder, Bitly)

개요

페이스북, 혹은 배너 등에 링크를 공유할 때, ‘이 작업’을 해주신다면
  • 남자 여자 중 어떤 성별이 더 이 링크를 클릭했는지
  • 이 링크로 들어온 사람들의 구매율
  • 페이스북에 공유한 링크 중 어떤 것이 가장 클릭률이 높은지
  • 이 링크로 들어오자마자 재미없어서 나가버리는 확률은 얼마인지
등의 마법같은 통계를 Google Analytics에서 보실 수 있습니다.
‘이 작업’이란, url 뒤에 태그같은 것들을 붙이는 걸로 ‘UTM Parameter 달기‘라고 합니다.

작성 방법

  1. 구글 URL 작성 도구 로 접속합니다.
  2. 양식에 맞추어 URL을 작성해줍니다. (참고 링크1 참고링크2) (공동작업시엔 구글 스프레드시트를 하나 파놓고 쓰면 정리하기 편합니다)
    1. [필수] 웹사이트 URL: 공유할 링크를 적어줍니다. (ex. https://milooy.wordpress.com) (특수문자는 이스케이프 해주어야 합니다!)
    2. [필수] 캠페인 소스: ‘누가(who)’ 방문자를 보내주는가? 검색엔진, 사이트 이름 등 소스정보 (ex. google, naver, facebook, naver_clickchoice)
    3. [필수] 캠페인 매체: ‘어떻게(how)’ 방문자가 사이트를 찾게됬는가? 어떤 타입의 광고인지. (ex. cpc, display, social, email)
    4. [선택] 캠페인 키워드: 검색광고키워드.
    5. [선택] 캠페인 콘텐츠: 광고컨텐츠. A/B테스트 및 광고위치별 태깅에 사용. 특별히 진행하는 캠페인인가? (ex. spring_5per_off)
    6. [필수] 캠페인 이름: ‘무엇때문에(for what)’ 사이트를 방문하는가? 제품, 프로모션 코드 또는 슬로건. (ex. winter+sale, free+coupon)

3.bitly에 접속해 로그인하고 아까 얻은 URL을 붙여넣으면 짧은 URL이 나옵니다. 글을 공유할 땐 이 링크를 이용해줍니다 ^^! Bitly__The_power_of_the_link__및_새_글_—_WordPress_com

4.구글 애널리틱스의 획득>전체>소스/매체 로 접속해서 통계를 볼 수 있습니다. 우측 상단의 ‘날짜‘ 설정 잊지 마세요~

모든_트래픽_-_Google_Analytics

5.‘Facebook’수치만 보고 싶다면 어떻게 해야할까요? 아까 ‘캠페인 소스’를 ‘facebook’으로 해주었죠? 그것을 필터처럼 걸러서 보면 될거예요.

‘+세그먼트’버튼을 눌러 세그먼트를 추가해줍니다. 트래픽소스>소스 를 ‘facebook‘으로 ‘다음과 정확하게 일치함‘을 눌러줍니다.

모든_트래픽_-_Google_Analytics

6.그리고 그 세그먼트만 적용해주면 ‘소스 == facebook’인것들만 걸러서 보여집니다.

(Tip: 다른 세그먼트를 숨기고 싶을 땐 드래그앤드롭해서 치워줍니다. 괜히 ‘삭제’누르면 아예 삭제됩니다 ^^;; 전 처음에 그랬습니다)

모든_트래픽_-_Google_Analytics

7.원하는 소스를 걸러냈으면 ‘캠페인’명으로 확장시켜 보면 되겠죠?

두번째 측정기준을 ‘캠페인‘으로 잡아줍니다.

모든_트래픽_-_Google_Analytics

8.캠페인 명이 ‘revatoon-1’로 접속한 사람들이 가장 많은 것을 알 수 있습니다. 사스가 레바!

모든_트래픽_-_Google_Analytics

9.나중에 필요한 것들을 쉽게 모아보기 위해 대시보드에 추가해볼까요?

만들어둔 대시보드 ‘URL통한 행동분석‘에 원하는 위젯을 추가해줍니다.

‘타임라인’은 위에 있는 그래프고, ‘표’가 아래의 표 입니다.

모든_트래픽_-_Google_Analytics_및_네이버_뮤직____Old_Skool_Love__Feat__장효석_

10.대시보드 > URL통한 행동분석 에 들어가보면 내가 추가해둔 위젯들이 나옵니다.

세그먼트를 ‘Facebook소스‘ 로 해두고, 필요한 위젯들을 추가해줍니다.

전 마케터들이 보기 편하도록 이것 저것 위젯들을 추가하고 커스텀해두었습니다.

URL통한_행동분석_-_Google_Analytics

11.위젯 설정에 들어가면 옵션들이 많습니다.

저는 캠페인명으로 일차 정렬하게 하고, 그 다음은 세션이 큰 수대로 나오도록 해두었습니다.

그리고 소스가 facebook인것만 보여주도록 했습니다.

URL통한_행동분석_-_Google_Analytics

12.이렇게 분석한 데이터들로 더 똑똑한 사이트를 만들어보아요!

아기_토끼

~ 끝 ~