GTM으로 GA태그 디버깅 및 실시간 데이터 확인하기

article

GTM으로 GA태그 디버깅 및 실시간 데이터 확인하기

GTM으로 GA태그 디버깅 및 실시간 데이터 확인하기
GTM 태그를 사이트에 반영하기전에 미리 디버깅으로 확인해보기!

이전 컨텐츠에서 GTM이 무엇이고, 어떻게 설치해야 하는지 알아보았습니다.

이전컨텐츠 확인하기

GTM에서 원하는 태그를 세팅했다면, 우리 사이트에 반영하기 전 정상적으로 발동하는지 미리 볼 수 있다는 것 아셨나요?

태그가 이상 없이 제대로 발동되는지, 발동이 안되면 어떤 트리거(조건) 때문에 발동이 안되는지,

발동이 된다면 GA에도 실시간으로 잘 반영이 되고 있는지

‘디버깅(미리보기)’ 기능을 통해 가능합니다!

 

그럼, 어떻게 디버깅(미리보기)를 사용하는지 차차 알아볼까요?

 

전체적인 순서는 아래와 같습니다.

1)   태그, 트리거 세팅

2)   디버깅(미리보기)

3)   태그 정상 발동 확인

4)   GA 정상 수집 확인

5)   제출

 

이제 하나하나 자세히 알아볼까요?

1)   태그, 트리거 세팅

먼저 트래킹을 원하는 목표를 설정합니다.

저는 피드메이커 사이트 “로그인” 버튼 클릭 데이터를 수집해보겠습니다.

“로그인” 버튼 클릭 시 발동할 태그와 트리거를 세팅합니다.

GTM태그세팅

저는 GA 기본태그를 pageview조건(트리거)으로, “로그인” 버튼은 클릭 이벤트로 태그를 생성하였습니다.

 

2)  디버깅(미리보기)

GTM미리보기

태그 생성을 완료했다면 제출 전 디버깅(미리보기) 버튼을 눌러줍니다.

만약 작업 내역을 바로 제출하면 웹사이트에 태그가 즉시 적용되는데요,

디버깅(미리보기)은 제출하기 전, 태그가 적용된 상태가 정상적인지 미리 확인할 수 있는 기능입니다.

디버깅(미리보기)를 누르면 위와 같이 URL 입력창이 나옵니다.

태그를 발동할 사이트 도메인을 입력해주도록 합니다.

해당 GTM 컨테이너가 심겨져 있는 도메인을 넣어야 하며,

정확한 테스트를 위해 이미지 예시처럼 UTM으로 테스트임을 명시해주면 GA에서 확인하기가 훨씬 수월합니다.



3)   디버깅창(미리보기 창)이 뜨면 이벤트 경로를 재현해봅니다.

1.    저는 페이지가 뜨자마자 GA 기본태그가 발동되는지

2.   로그인 버튼을 눌렀을 때 로그인 버튼 클릭 태그가 발동되는지

이렇게 두가지가 정상 발동되는지 실시간으로 GTM 디버깅창에서 확인하였습니다.

GTM태그정상발동

또한 아래와 같은 순서로 태그를 눌러서 확인하면 트리거가 정상적으로 발동되었는지도 확인이 가능합니다.

GTM태그정상발동2

만약 아래와 같이 태그가 발동되지 않을 경우, 어떤 트리거 때문에 태그가 정상 발동되지 않는 것인지 유용하게 확인할 수 있습니다.

GTM태그오류

4)   GA 정상 수집 확인

태그가 정상 발동되는지 모두 확인하였으면, GA에서도 세팅한 이벤트가 잘 들어오고 있는지 확인합니다.

(GA태그를 심었을 경우에만 한정)

GA실시간데이터확인 사용자수
GA실시간데이터확인 이벤트

잘들어오고 있죠?

 

5)   이제 이상이 없는 것을 확인하였으니 제출!을눌러줍니다.

이상으로 GTM을 통해 태그생성부터 디버깅, 제출까지 알아보았는데요!

생각보다 간단하지 않나요?ㅎㅎ

내가 작업한 태그들을 사이트에 바로 반영하지 않고 미리 확인해 더 안전하게 반영할 수 있으니 GTM을 사용하는 마케터 분들에게는 필수적이라고 생각합니다 😊

 

이 외에도 더 많은 GTM 활용방법 및 인사이트가 궁금하시면 앞으로도 인사이트아웃이 도움 드리겠습니다 😊

#GTM #googletagmanager #구글태그매니저 #디버깅 #debug #태그 #트리거#이벤트생성 #ga #구글애널리틱스 #googleanalytics #이벤트세팅 #구글애즈 #googleads

 

banners

Marketing Service
Google / SNS 전문가의 도움을 받아보세요
banner 1