전자상거래 추적 설정 - 디에이허브 구글애널리틱스 GA 기초과정

전자상거래 추적 설정


2016-11-01

구글 애널리틱스 전자상거래 설정 방법을 알아보겠습니다.   

 

전자상거래 설정은 쇼핑몰이나 결제시스템이 있는 홈페이지에서 적용할 수 있습니다.  

 

전자상거래는 결제가 발생할때 결제금액, 결제상품, 배송비, 세금 등 자세한 전자상거래 정보를 알 수 있기에 목표 설정의 전환 개념보다 더 자세한 분석이 가능합니다.

전자상거래 추적 설정은 프로그램에 대한 지식이 어느정도 있어야 합니다.

만약, 지식이 없다면 프로그램 지식이 있는 분과 함께 작업하시기를 권장합니다.    

 

관리 > 보기 > 전자상거래 설정 을 선택합니다.   

 

 

 

구글 애널리틱스 전자상거래 추적 설정 

 

 

 

전자상거래 설정에서 [상태] 를 [설정]으로 선택합니다. 

 

[관련상품사용] 을 [설정] 으로 선택합니다.  그리고, [다음단계]를 클릭합니다.
 

 

 

구글 애널리틱스 전자상거래 추적 설정




[향상된 전자상거래] 는 2014년도 GA회담에서 정식발표 되었습니다.


기존 전자상거래 플러그인이 아닌 별도의 플러그인(ec.js) 과 스크립트가 필요합니다.

이번 라이브러리에서는 전자상거래 기초과정을 설명드리기에 향상된 전자상거래는 추후에 다시한번 다루도록 하겠습니다.

그럼 이제부터 전자상거래 추적코드 설치방법에 대해 알아보겠습니다.

구글 애널리틱스 전자상거래 추적코드에는 기본적으로 4가지의 항목이 필요합니다.

1. Ecommerce.js 플러그인 호출
 

2. 결제정보 (예: 주문번호, 구매액 등) 코드
 

3. 제품정보 (예: 제품ID, 제품명, SKU 등) 코드
 

4. 구글 애널리틱스로 전송하는 코드

이상 4개의 항목은 결제완료가 되는 페이지에 삽입이 되어야 합니다.

그럼 하나하나씩 살펴보겠습니다.


1. Ecommerce.js 플러그인 호출

페이지마다 삽입되는 GA 기본추적코드에 한줄을 추가합니다.


이 플러그인은 구매완료 페이지에만 추가하시면 됩니다. 

 

 

 

 ga('require', 'ecommerce', 'ecommerce.js'); 

 


 


2. 결제정보 코드 삽입  아래의 결제정보 소스 코드를 구매완료 페이지에 추가해 주세요.  

 

 

 ga('ecommerce:addTransaction', {

   'id' : '12345',      // 주문번호, 필수항목

   'revenue' : '127000',       // 구매총액, 필수항목

   'affiliation' : 'da-hub.net',     // 제휴사이름, 선택항목

   'shipping' : '2500',   // 배송비, 선택항목

   'tax' : '1000'        // 세금, 선택항목

 }); 

 




3. 제품정보 코드 삽입

아래의 제품정보 소스 코드를 구매완료 페이지에 삽입해 주세요.

 

 ga('ecommerce:addItem', {

   'id' : '12345',      // 주문번호, 필수항목

   'name' : '상품명',       // 상품명, 필수항목

   'sku' : '67890',     // 상품코드, 선택항목

   'category' : '카테고리명',   // 카테고리, 선택항목

   'price' : '30000',       // 제품 단가, 선택항목

   'quantity' : '1'        // 제품 수량, 선택항목

 }); 

 



이렇게 결제정보, 제품정보를 삽입하시고 각각의 정보는 사이트 내에서 알 수 있는 정보이므로 변수값(주문번호, 결제금액, 배송비, 제품명, 제품금액 등) 을 개발자에게 문의하여 적절한 위치에 넣어주시면 됩니다.


4. 구글 애널리틱스로 전송하는 코드

마지막에 아래 소스 코드를 넣어주시면 전자상거래 설정이 완료됩니다.
 

 

 ga('ecommerce:send'); 

 




그럼, 지금까지 작업했던 내용을 소스코드로 확인해 보면 아래 그림과 같이 소스코드 결과를 확인할 수 있습니다. 

 

 

구글 애널리틱스 전자상거래 추적 설정 

 

 

셋팅이 완료 되었으면 보고 > 전환 > 전자상거래 에서 데이터를 확인하실 수 있습니다.
 

 

 

구글 애널리틱스 전자상거래 추적 설정 

 

 

사실, 셋팅 과정이 많이 복잡하지만 쇼핑몰이나 결제 사이트에서 구글 애널리틱스 전자상거래 기능은 꼭! 작업을 해야 하는 기능입니다.

힘든점이 있으셔도 개발자와 함께 작업을 하시면 향후, 전환데이터 분석 시 많은 도움이 될 것이라고 확신합니다.

3

추천하기

0

반대하기
  • 페이스북 공유
  • 트위터 공유
  • 밴드 공유
  • Google+ 공유
  • 인쇄하기
마스터김

추천하기0반대하기0댓글등록

잘 읽었습니다!

손맨

추천하기0반대하기0댓글등록

쇼핑행동 및 제품실적 데이터가 나오지 않아서 고민 했는데, 좋은 정보 주심 감사 감사 드립니다^^

와이비전

추천하기0반대하기0댓글등록

현재 카페24를 사용하여 쇼핑몰을 운영하고 있습니다.

공통 레이아웃과 메인 레이아웃 헤드 부분에 기본 스크립트는 설치되어 있습니다.

그럼 결제 완료 페이지 바디 부분에 이커머스 스크립트만 설치해주면 되나요?

아니면 결제 완료 페이지 헤드 부분에

기본 스크립트

이커머스 스크립트



이렇게 감싸줘야 하는건가요?

    로그인 후 많은 혜택을 받으세요.
    GA 기초과정 >

    학습진도

    구글플러스

    대표전화 : 02-715-0715 | 이메일 : da-hub@da-hub.net   |  주식회사 디에이허브 | 대표 : 한지현 | 주소 : 서울특별시 용산구 원효로 153 원효빌딩 8층 802호
    사업자번호 : 825-81-00505 | 법인번호 : 110111-6124153  |  Copyrights (c) 2016 DA-HUB co.ltd. All Rights Reserved.