안녕하세요. 인트렌치 컨설팅 조유하 입니다.
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 태그가 동작하지 않는 원인을 쉽게 확인하고 수정하는 방법 이었습니다.