전자상거래 이벤트

구글 애널리틱스는 전자상거래 사이트에 특화된 데이터를 수집할 수 있는 기능을 제공합니다. 수집한 데이터를 통해서는 전자상거래 현황을 종합적으로 파악할 수 있는 보고서와 지표들을 사용할 수 있습니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 전자상거래 보고서

참고. 이번 강의에서는 구글 태그매니저를 활용하여 GA4에 전자상거래 데이터를 수집하는 방법에 대해 다룹니다. gtag.js를 활용하는 방법은 해당 링크를 확인하세요.

전자상거래 이벤트 유형

GA4에는 이전 버전에 없던 찜하기, 장바구니 조회와 같은 새로운 이벤트가 추가되었습니다. 그리고, 결제 단계를 세분화하는 기능(Checkout_Step)이 없어지고 결제 및 배송 정보의 제출을 추적하는 이벤트로 대체되었습니다.

이벤트 명 설명
view_item_list 목록에서 상품이 노출될 때
select_item 목록에서 상품이 클릭될 때
view_item 상품 상세페이지가 조회될 때
view_promotion 프로모션 배너가 노출된 것을 추적
select_promotion 프로모션 배너가 클릭된 것을 추적
add_to_cart 상품이 장바구니에 추가된 것을 추적
remove_from_cart 상품이 장바구니에서 제거된 것을 추적
begin_checkout 결제 프로세스가 시작되는 것을 추적
purchase 결제가 완료된 것을 추적
refund 상품이 환불된 것을 추적
add_to_wishlist 위시리스트(찜하기)에 상품을 추가한 것을 추적
add_payment_info 결제 정보를 제출할 때
add_shipping_info 배송 정보를 제출할 때
view_cart 장바구니를 조회할 때
generate_lead 양식을 제출하거나 정보를 요청할 때

전자상거래 이벤트를 위한 코드 삽입

전자상거래 데이터를 수집하기 위해서는 구글 애널리틱스에서 정의한 이벤트와 매개변수 이름에 맞춰 전자상거래 이벤트를 수집해야합니다. 이는 구글 애널리틱스에서 가장 공수가 많이드는 개발 작업입니다.

구글 태그매니저는 전자상거래 이벤트를 수집하기 위해 이전 강의에서 배운 dataLayer를 사용합니다.

Warning 짤

코드 작업에 대한 이해를 돕기위해 구글의 전자상거래 예시 사이트를 참고하겠습니다.

구글 애널리틱스 향상된 전자상거래 데모 사이트

이 사이트에는 전자상거래 기능이 구현되어 있으며, 각 영역에 있는 ( i ) 버튼을 클릭하여 전자상거래 이벤트를 위한 코드를 확인할 수 있습니다.

이는 아래 좌측의 노란색 티셔츠 제품을 클릭(select_item)했을 때 실행할 코드에 대한 예시입니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 데모사이트 코드 예시

이렇게 개발을 통해 사이트에서 전자상거래 이벤트가 발생할 때마다 dataLayer에 전자상거래 정보를 추가하는 코드가 실행되어야 합니다.

dataLayer에 추가되는 "event", "ecommerce" 등 변수은 예시 코드와 일치해야하며, 입력되는 값은 실제 상품, 프로모션에 대한 내용이 입력되어야합니다.

참고. 전자상거래 유형별 코드는 이 링크를 참고하세요.

구글 태그매니저 설정하기

개발 작업으로 결제가 완료되면 아래의 코드가 실행된다는 것을 가정하여 태그매니저를 설정하겠습니다. 예시로 사용할 전자상거래 이벤트 유형은 Purchase입니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 purchase 이벤트

1. 변수 생성하기

dataLayer에 입력된 값을 가져오기 위해서는 구글 태그매니저에서 변수를 [데이터 영역 변수] 유형으로 생성해야합니다.

여기서 하나 고려해야할 것은 이전에 dataLayer에 추가한 것과는 다른 형태의 입력 값들이 존재한다는 것입니다. 이 값들은 계층 구조의 형태를 띠고있으므로 구글 태그매니저의 [데이터 영역 변수 이름]에 들어가는 값도 달라지게 됩니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 데이터 영역 변수 생성

아래는 dataLayer의 입력값 별로 데이터 영역 변수를 매칭시킨 표입니다. 구글 태그매니저에서는 아래 항목에 대한 변수를 각각 생성해야합니다.

참고. GA3의 [향상된 전자상거래] – [데이터 영역 사용] 기능을 GA4 태그에서는 지원하지 않아 각각의 변수를 생성해야합니다.

dataLayer 변수 이름 데이터 영역 변수 이름
transaction_id ecommerce.transaction_id
currency ecommerce.currency
tax ecommerce.tax
shipping ecommerce.shipping
value ecommerce.value
items ecommerce.items

표에 나온대로 dataLayer에 입력된 값이 계층구조의 형태를 띠는 경우 "."로 표현해서 데이터 영역 변수에 입력해야합니다.

items의 경우에는 하위에 더 많은 값들이 있지만 구글 태그매니저에서 자동으로 하위 값들을 처리해주므로 items까지만 입력합니다.

아래는 각각의 변수를 생성한 화면입니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 전자상거래 변수 생성

2. 트리거 생성하기

dataLayer에 'event'라는 값이 추가될 경우, 이를 활용해서 트리거를 실행할 수 있습니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 dataLayer event

트리거의 유형은 [맞춤 이벤트]로 설정하며 이벤트 이름은 dataLayer의 event 변수에 입력된 값을 사용합니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 purchase 이벤트 트리거

3. 태그 생성하기

유형이 [Google 애널리틱스: GA4 이벤트]인 태그를 생성합니다. 앞서 만든 트리거를 지정하고 이벤트 이름 및 매개변수를 아래 이미지를 참고하여 설정합니다.

이때, 입력되는 이벤트와 매개변수 이름은 반드시 GA4에서 정의한 명칭을 사용해야합니다.

구글 애널리틱스 4 시작하기_전자상거래 데이터 수집하기 태그 생성

다른 유형의 전자상거래 이벤트도 이 방식으로 동일하게 수집할 수 있습니다. 변수는 여러 이벤트에 동일하게 적용되므로 기존에 없는 것만 추가합니다.

다음 강의에서는 구글 애널리틱스 4와 Search Console을 연결하는 방법에 대해 알아보겠습니다.

자주 묻는 질문

구글에서는 자체 전자상거래 사이트에 대한 데모 계정을 공유하고 있습니다. 이 계정의 GA4 속성에는 전자상거래 데이터를 수집하고 있으므로, 이 속성을 통해서 전자상거래 데이터들이 어떻게 조회되고 활용되는지 확인할 수 있습니다.

전자상거래 이벤트와 매개변수는 사이트의 상황에 맞춰 선택적으로 수집하면 됩니다.

대부분의 전자상거래 사이트의 경우, 아래의 이벤트는 필수적으로 수집하는 추세입니다.
– view_item
– add_to_cart
– remove_from_cart
– begin_checkout
– purchase

Subscribe
Notify of
guest
40 댓글
오래된 순
최신 순 평가 순
Inline Feedbacks
모든 댓글보기
윤희상
윤희상
2 년 전

세팅이 제대로 되어있지 않아 처음부터 시작해야해서 캄캄했는데 정말 큰 도움이 되었습니다. 아직 몇번 더 읽어봐야 할 거 같지만 우수한 자료 공유해주셔서 정말 감사드립니다.

김장엽
Guest
김장엽
1 년 전

안녕하세요! 전자상거래 관련하여 질문이 있습니다.

설명해주신 대로 GTM에 전자상거래 설정 및 이벤트 매개변수를 모두 추가하였으며, 해당 값도 datalayer을 활용하여 제대로 넣어두었습니다.

다만 GA4 메뉴에서 해당 매개변수를 조회하는 방법을 모르겠습니다. 이벤트 매개변수를 조회하려면 어떻게 해야 되나요?

그리고 수익창출 > 수익창출개요에 들어가면 항목/상품목록/프로모션/제품ID 등 모든 값이 빈값으로 나옵니다. UA의 경우는 제품ID, 상품명 모두 정상적으로 조회되었으나 GA4에서는 조회가 되지 않는데 조회가 되도록 하는 방법은 무엇인지 알고싶습니다.

감사합니다!!

김민수
Guest
김민수
1 년 전

써주신글 잘 봤습니다! 세팅에 정말 도움 많이 됐어요 🙂

몇 가지 질문이 있는데요!

유저가 구매한 상품이 2개 이상인 경우에 어떻게 처리해야할지 고민인데요!

  1. 유저가 A상품과 B상품을 동시에 산 경우에
  2. A,B 상품 명을 각각 어떻게 매개변수에 넣어줘야 할지
  3. A를 n개, B를 m개 샀다고 가정하면 총 구매 개수에 대한 값은 어떻게 전달해줘야할지

고민입니다.

혹시 방법이 있을까요?

김민수
김민수
1 년 전
회신하기  Ratel

이해됐습니다 감사합니다!!

윤해영
Guest
윤해영
1 년 전

안녕하세요! 큰 도움 주셔서 감사합니다. 여쭤 볼 것이 있어 댓글 드립니다. GA 설정 후, 탐색보고서를 사용할 시, 탐색 보고서에 없는 부분을 맞측기 설정을 통해 보고서에서 보게 되는데 이 때 items 단에 들어가 있는 것들은 어떻게 설정해야 볼 수 있을까요?

omega3
omega3
1 년 전

안녕하세요!

개발을 통해 사이트에서 전자상거래 이벤트가 발생할때마다 datalayer에 전자상거래 정보를 추가하는 코드가 실행되어야한다고 하셨고, 

개발 작업으로 결제가 완료되면 아래의 코드가 실행된다는것을 가정하여 태그매니저를 설정한다고 하셨는데,

위의 [개발과정] 에 대한 강의는 없는걸까요? 

혹은 카페24 기반의 자사몰을 운영중인데, 개발작업 없이 전자상거래를 설치할 수 있는 다른 방법이 있나요?

비개발자 마케터로 GA4 전자상거래도 설치하려고 하는데 어려움이 있어 문의드립니다.

미리 답변 감사드립니다.

mark
Guest
mark
1 년 전

안녕하세요, 제가 개발자가 아니라 드리는 질문일 수 있는데요. 가격이나 수량 등이 동적으로 상품마다 바뀔텐데 datalayer에 어떻게 입력을 해야 동적으로 바뀌는 수량, 가격을 받아올 수 있을까요? dom요소를 불러오는 방법이 뭔지 모르겠습니다. 계속 서칭을 해봐도 해당 내용이 나오지가 않네요 ㅠㅠ

우리"
Guest
우리"
1 년 전

안녕하세요, ga4 세팅을 위해서 일반적으로 무엇을 공부해햐할까요?
지금은 파이썬 크롤링 배우면서 html css에 대해 아주아주 기초적인 수준만 알고 있고
css selector 로 클릭 이벤트 수집정도만 할 줄 아는 상태인데, 어느 방향으로 공부를 해야하나 싶어서요!

허니비
허니비
10 월 전

안녕하세요~ 매개변수 값은 태그 만들 때 하나씩 넣어주면 되는걸까요? 변수만들 때 {{dataLayer – ecom – items}} 이런식으로 매개변수 값 넣는 부분을 못찾아서 여쭤봅니다.

쥬르댕
쥬르댕
9 월 전

안녕하세요! 강사님! 

개발작업을 통해 사이트에 전자상거래 태그를 심었는데요. 

Purchase VALUE 값이 상품 구매를 1개를 했는데, 이벤트 수가 2개로 찍히는 경우가 있습니다. (사용자 수는 1로 나옵니다.)

이렇게 나오는 경우 어떤 부분을 검토해야 할까요? 

쥬르댕
쥬르댕
9 월 전
회신하기  쥬르댕

추가적으로 웹사이트에 item_id, item_name도 스크립트 심었다고 하는데,

ga4 맞춤정의를 등록하는 곳에서는 해당 이벤트 매개변수가 보이질 않습니다.

개발자 분께서 쿼리에 들어가 있어야지 나오는거냐고 여쭤보시는데요. 어떻게 답변 드리면 될까요?

(왜 안나오늘걸까요?ㅠ)

쥬르댕
쥬르댕
9 월 전
회신하기  Ratel

안녕하세요! 강사님!

작성해 주신 내용 확인하고 추가 문의 드립니다.

Purchase 이벤트에서 value, currency, transationn_id를 맞춤정의로 등록해서 보고 있습니다.

하지만 item_id, item_name은 등록을 하지 못한다는 것일까요??

확인해 보니 item_id, item_name은 ga4 '전자성거래 구매' 메뉴 화면에서

항목이름, 항목id로 사용되는 듯 합니다. 제가 이해한 것이 맞을까요? 

늘 감사합니다!

쥬르댕
쥬르댕
9 월 전
회신하기  쥬르댕

추가적으로 궁금한 점이 있는데요.

전자상거래 구매에서 '구매한 상품' 대신 '사용자 수' 로 대체하여 조회할 수 있는 방법도 문의 드립니다.

쥬르댕
쥬르댕
9 월 전
회신하기  Ratel

네! 답변 감사합니다. 관리단에 잡히는 매출과 ga4에서 잡히는 매출이 정확하게 일치하지 않아 이 부분을 어떻게 해결해야할지 모르겠습니다.
지난번에 문의 드렸던 내용처럼

개발서버에서 테스트를 하고 있는 상황인데요.

a상품을 한개 구매했는데 이벤트가 2개 잡히거나, b상품 구매했는데 이벤트가 잡히지 않거나 다양한 상황이 발생되고 있습니다.

ga 자체 인터넷 통신으로 데이터를 쌓기 때문에 100센트 정확하게 집계하기 어렵다고 이해해도 될까요?

개발사에서는 ga 개발자 가이드대로 했다고 하니 다른 특이사항을 찾지 못하겠다고 하네요.ㅠ

쥬르댕
쥬르댕
9 월 전
회신하기  Ratel

네! 자세히 정리해 주신 내용 확인했습니다. 도움이 되었습니다! 감사합니다!

city
Guest
city
9 월 전

메인에서 노란T 클릭시 datalayer의 item_select이벤트가 발생하여 변수값들이 전달되는 것으로 압니다. 그렇다면 item_select datalayer 스크립트를 노란T클릭해서 나오는 다음 페이지에 삽입하면 되는 건가요?

호야아범
호야아범
9 월 전

안녕하세요! 다차타를 통해 이제 막 GA4를 배우고 있는 초보 마케터입니다.

현재 다니는 회사에서 꽤 예전부터 구글 애널리틱스(UA)를 사용했지만, 중간에 결제 방식을 바꾸면서 전자상거래 관련 데이터를 전혀 받지 못하게 되었다고 합니다. 물론 GA4로 전환한 지금도 마찬가지고요.

그런데 회사에 개발자가 따로 없는데, 개발 지식이 전혀 없는 제가 스스로 이 문제를 해결할 수 있는지, 혹은 개발자의 도움을 받아야 하는 것인지 잘 판단이 되지 않습니다.

질문이 너무 막연한 것 같지만 이에 대해 대략적으로나마 답변해주시면 감사하겠습니다.

정성민
정성민
7 월 전

purchase 이벤트 전송 시 할인쿠폰의 사용 정보를 넣기 위해서 할인한 금액을 아래처럼 넣었는데요

전자상거래 보고서의 상품 할인이 10000이 잡히지만 예상과 다르게

상품 수익 = 할인 전 금액

그대로 잡히고 있습니다.

유저가 실제로 낸 금액을 가져오거나 보고서에서 구분을 하려면 어떻게 해야 할까요?

데이터 밀어넣은 방식=======================

ecommerce:{

value: 40000

items[{ 배열 안의개별 상품의 정보에

price : 50000 (할인 전 금액)

coupon : "쿠폰이름"

discount : 10000

}]

}

정성민
정성민
7 월 전
회신하기  정성민

거래의 결제 금액은 "총 수익"으로 가져올 수 있는데 아이템의 할인하여 판매한 금액을 얻고 싶습니다.

정성민
정성민
7 월 전
회신하기  Ratel

빠른 답변 감사합니다.
ga4 이벤트를 설명해주는 구글의 페이지에서는 price가 할인 전 금액으로 되어 있었는데 역시 사용하는 사람이 커스텀해서 사용해야 하는군요.

Ehql
Ehql
7 월 전

안녕하세요 항상 잘 보고 있습니다 기본적인 질문 하나만 드립니다ㅠ

각 전자상거래 이벤트마다 필요 매개변수가 다 다른가요?

예를 들어 view cart를 설정하고 싶다면 데이터레이어에 설정하는 이벤트명도 맞추고 매개변수명도 맞춰야 하는걸까요?

또 모든 전자상거래 이벤트에 데이터레이어 설정은 무조건 필요한 부분일까요?

김영우
김영우
6 월 전

안녕하세요 전자상거래 관련하여 질문이 있습니다. 현재 purchase 이벤트를 gtm ga4를 사용하여 연동하였고, 결제시 두 곳 모두다 디버그창에서

KRW

오후 5:16:25

currency

KRW

debug_mode

1

engagement_time_msec

46—

ga_session_id

16———

ga_session_number

6

ignore_referrer

true

page_location

page_referrer

page_title

transaction_id

20230816-…

value

7900

로 잘 들어오는데 수익에 잡히지 않는 상황에 처해 있습니다. 구매 이벤트와는 별개로 수익 설정을 따로 해야하는 것인가요?