전자상거래 이벤트

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

구글 애널리틱스 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

guest
4 댓글
오래된 순
최신 순 평가 순
Inline Feedbacks
모든 댓글보기
윤희상

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

김장엽

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

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

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

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

감사합니다!!