알림

모두 읽음

쪽지

쪽지함

구글태그매니저(GTM) 사용법 : 클릭 이벤트 설정(장바구니 버튼 클릭)

2021.12.31 13:22

데이터분석

조회수 274

댓글 0

클릭 이벤트는 무엇일까요?

웹사이트에서 사용자는 클릭, 재생, 스크롤 등의 다양한 활동을 하게 되는데 이러한 행동들을 이벤트라고 합니다.

그중 배너, 버튼, 게시물 등을 클릭함으로써 상호작용하는 것을 클릭 이벤트입니다.

클릭 이벤트를 활용하여 특정 페이지를 추적할 수 있으며, 사용자의 행동 단계를 더욱 자세하게 파악해볼 수 있습니다.


예를들어 쇼핑몰 사이트를 운영 중이라면,

고객의 구매 행동이나 회원가입 절차 등을 행동 단계별로 나누어 볼 수 있고, 행사 상품이나 광고 상품 등 특정 상품의 유입을 확인하여 성과를 체크해보는 등 다양하게 활용할 수 있겠습니다.


그럼, 쇼핑몰에서 구매단계 중 하나인 장바구니를 추적하기 위해 장바구니 버튼 클릭 이벤트를 구글태그매니저(GTM)를 활용하여 설정해보겠습니다.



구글태그매니저 클릭이벤트 설정해보기

1. 구글태그매니저(GTM)에서 초기에 변숫값을 설정해놓지 않았다면 변수에 들어가서 기본 제공 변수를 먼저 구성해주어야 합니다.

클릭과 관련된 기본 제공 변수는 Click Element, Classes, ID, Target, URL, Text 이렇게 6가지가 있습니다. 우선 모두 추가해놓고 나중에 사용하지 않은 변수는 빼주시면 됩니다.

작업공간 - 변수 - 기본 제공 변수


2. 상단바 우측에 있는 미리보기 버튼을 눌러서 Tag Assistant 에서 자신의 쇼핑몰 사이트로 접속해줍니다.



3. Google Tag Assistant 에서 잘 연결되었는지 확인 후 쇼핑몰 사이트의 상품페이지로 들어가서 장바구니 버튼을 클릭해줍니다.



4. 다시 Google Tag Assistant 로 가서 탭메뉴 중 variables 를 선택해주고, 좌측 히스토리에서 장바구니 버튼을 클릭했던 시점을 찾아서 선택해줍니다.

그러면 어떤 변숫값이 들어왔는지 변수와 변숫값에 대한 정보를 확인할 수 있습니다. 여기서 click 변수에 주목해주세요.

Tag Assistant

보시면 Click ID와 Click Text 의 변숫값이 비교적 간단해 보입니다.

Click ID는 cartBtn 이라는 값을 가져오고, Click Text는 장바구니 라는 값을 가져옵니다. 이 부분은 트리거에서 조건을 만들 때 필요하기 때문에 잠시 두고 다음 단계를 진행해보겠습니다.





5. 작업공간의 트리거에서 새 트리거를 생성해주세요.

트리거 유형 중 클릭 관련 유형에는 링크만 혹은 모든 요소가 있는데, 모든 요소를 선택해주도록 하겠습니다.

작업공간 - 트리거 - 새로만들기 - 트리거 유형 선택


6. 일부 클릭을 선택해주고, 장바구니 버튼을 클릭했을 때 실행이 되도록 조건을 만들어 주겠습니다.


클릭 이벤트의 조건식은 클릭 대상의 선택 방법에 따라 다양하게 만들어질 수 있기 때문에 상황에 따라 편한 방식으로 만들어주면 됩니다!

아까 Google Tag Assistant 에서 확인했던 변수 두 가지가 있었죠? Click ID와 Click Text 인데요. 둘 중 어떤 걸 써도 무방합니다.

Click ID를 변수로 사용한다면 cartBtn 이라는 값과 같을 때로,

Click Text를 변수로 사용한다면 장바구니 라는 값과 같을 때로 설정해주시면 됩니다.



7. 트리거를 저장해주고, 새 태그를 생성해줍니다.

태그의 유형은 Google 애널리틱스: 유니버셜 애널리틱스를 선택하여주고, 추적 유형은 이벤트로 설정해줍니다.

카테고리, 작업, 라벨을 아래 정리된 내용을 참고해서 입력해주세요.

작업공간 - 태그 - 새로만들기 - 태그 구성

카테고리 : 이벤트 유형을 나타내는 단위. 그룹화 시 사용  ex. 배너 유형
액션(작업) : 이벤트 유형 ex.배너 클릭
라벨 : 이벤트에 대한 세부 정보 ex.배너명, 배너 정보 등
: 이벤트에 값을 부여하고자 할 때 사용 ex.숫자나 지정된 값


그리고 방금 만든 cart_test 트리거를 추가해줍니다.



8. 저장한 후 미리보기로 cart_event 태그가 잘 실행되는지 확인한 다음 제출해주세요.

미리보기 > Tag Assistant


구글애널리틱스(GA) 보고서 중 실시간 이벤트를 확인해보면,

장바구니 버튼을 눌렀을 때 태그에서 지정한 카테고리, 액션, 라벨 데이터가 들어오는 것을 확인할 수 있습니다.



과정이 조금 복잡해 보일 수 있지만 클릭 이벤트는 여러 부분에서 활용도가 높기 때문에 익혀두면 좋은 설정 사항입니다:)

GA GTM GTM클릭이벤트 GTM이벤트 간편결제 구글애널리틱스 구글태그매니저 데이터분석

스크랩

공유하기

신고

하트 아이콘용팀장님 외 2명이 좋아합니다.

목록글쓰기
댓글 0
아직 등록된 댓글이 없습니다. 님의 게시글에 첫번째 댓글을 남겨보세요.
댓글 새로고침
소셜로그인

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인