GTM 태그가 동작하지 않는 원인 찾기
태그가 제대로 동작하지 않는다면 한 번 확인해 보세요
안녕하세요. 인트렌치 컨설팅 조유하입니다.
GTM을 이용할 때 태그와 트리거 변수를 만드는 것도 중요하지만, 제대로 동작하는지 확인해 보는 것이 더 중요합니다.
이벤트 트래킹을 하다 보면 트리거 조건 설정이 잘못되었다 던가, 페이지 리뉴얼과 같은 디자인 수정 등 HTML 구조 변화로 인하여 기존에 작업해 두었던 GTM 태그가 동작하지 않는 경우가 종종 발생하곤 합니다.
오늘은 위 내용과 같은 문제를 해결하기 위해 GTM 태그가 동작하지 않을 때 그 원인을 찾아 수정하는 방법에 대해 알아보도록 하겠습니다.
먼저 [그림 1]과 같이 GTM에서 preview를 클릭하여 미리 보기(디버그) 모드(주황색 박스)를 활성화합니다.
(주황색 박스는 preview를 클릭 후 로딩이 완료되어야 나타납니다.)
[그림 1]
그다음 홈페이지에 접속하여 Tag Manager 미리 보기(디버그) 모드가 정상적으로 하단에 실행되는지 확인합니다.
[그림 2]
미리 보기(디버그) 모드가 활성화되었으면 미리 작업해둔 GTM 태그가 동작하는지 확인해 봅니다.
예시 [그림 3]에서는 [자세히 알아보기] 버튼을 클릭하였지만 만들어둔 이벤트 태그가 동작하지 않는 것을 확인할 수 있는데,
[그림 3]
[그림 3] 내용에 대한 문제를 확인하는 방법은 다음과 같습니다.
먼저 [그림 4]의 Summary 영역에서 태그에 설정한 트리거 유형과 일치하는 유형을 클릭하고
Tag 탭에서 동작해야 했던 Tags Not Fired On This Event 영역의 태그를 클릭합니다.
ex) 트리거 유형 / Summary 이벤트
All Click / Click
Just Link / Link Click
Element Visibility / Element Visibility
...
[그림 4]
태그를 클릭해보면 [그림 5]의 내용과 같이 해당 트리거에 적용한 변수 조건의 일치 유무를 확인할 수 있습니다.
[그림 5]
여기서 Page Path와 Click Text가 불일치하였다는 것을 확인할 수 있는데,
[그림 6]과 같이 Variables 탭에서 트리거에서 일치하지 않는 조건을 찾아볼 수 있습니다.
[그림 6]
다음으로, [그림 6]에서 확인된 태그의 트리거를 찾아 수정합니다.
[그림 7]
불일치 항목(조건)을 모두 수정하고 저장을 한 뒤 Refresh(새로고침)을 클릭하여 변경된 사항을 적용시켜줍니다.
[그림 8]
그리고 다시 홈페이지로 돌아가서 새로고침을 한 뒤 태그를 동작시키면
[그림 9]
Tags Fired On This Event!
동작하지 않았던 태그가 정상적으로 태그가 동작한 것을 확인할 수 있습니다.
GTM 미리 보기 모드에서 이렇게 확인이 되었다면 작업하신 내역을 제출(submit) 해주시면 완료입니다!
이상, GTM 태그가 동작하지 않는 원인을 쉽게 확인하고 수정하는 방법이었습니다.
인트렌치 컨설팅이 어떤 회사인지 궁금하신가요?
그로스 해킹을 통해 서비스 전환율을 개선하세요.
