GTM 태그가 동작하지 않는 원인 찾기

GTM 태그가 동작하지 않는 원인 찾기

2020년 4월 9일 Data/Tag Management Tips 0

안녕하세요. 인트렌치 컨설팅 조유하 입니다.

GTM을 이용할 때 태그와 트리거 변수를 만드는 것도 중요하지만, 제대로 동작하는지 확인해 보는 것이 더 중요합니다.

이벤트 트래킹을 하다보면 트리거 조건 설정이 잘못되었다 던가, 페이지 리뉴얼과 같은 디자인 수정HTML 구조 변화로 인하여 기존에 작업해 두었던 GTM 태그가 동작하지 않는 경우가 종종 발생하곤 합니다. 

오늘은 위 내용과 같은 문제를 해결하기 위해 GTM 태그가 동작하지 않을 때 그 원인을 찾아 수정하는 방법에 대해 알아보도록 하겠습니다.

먼저 [그림 1]과 같이 GTM에서 preview를 클릭하여 미리보기(디버그) 모드(주황색 박스)를 활성화 합니다.

(주황색 박스는 preview 를 클릭후 로딩이 완료되어야 나타납니다.)

[그림 1]

GTM 태그가 설정된 화면1

그 다음 홈페이지에 접속하여 Tag Manager 미리보기(디버그) 모드가 정상적으로 하단에 실행되는지 확인합니다.

[그림 2]

GTM 태그가 설정된 화면2

미리보기(디버그) 모드가 활성화 되었으면 미리 작업해둔 GTM 태그가 동작하는지 확인해 봅니다.  

예시 [그림 3] 에서는 [자세히 알아보기] 버튼을 클릭하였지만 만들어둔 이벤트 태그가 동작하지 않는 것을 확인할 수 있는데,

[그림 3]

GTM 태그가 설정된 화면4

[그림 3] 내용에 대한 문제를 확인하는 방법은 다음과 같습니다.

먼저 [그림 4]의 Summary 영역에서 태그에 설정한 트리거 유형과 일치하는 유형을 클릭하고 

Tag 탭에서 동작해야했던 Tags Not Fired On This Event 영역의 태그를 클릭합니다.

ex) 트리거 유형        / Summary 이벤트

     All Click             / Click

     Just Link            / Link Click

     Element Visibility /  Element Visibility

     …..

[그림 4]

GTM 태그가 설정된 화면5

태그를 클릭해보면 [그림 5]의 내용과 같이 해당 트리거에 적용한 변수 조건의 일치 유무를 확인할 수 있습니다.

[그림 5]

GTM 태그가 설정된 화면6

여기서 Page Path와 Click Text가 불일치 하였다는 것을 확인할 수 있는데,

[그림 6]과 같이 Variables 탭에서 트리거에서 일치하지 않는 조건을 찾아볼 수 있습니다.

[그림 6]

GTM 태그가 설정된 화면6

다음으로, [그림 6]에서 확인된 태그의 트리거를 찾아 수정합니다.

[그림 7]

GTM 태그가 설정된 화면7

불일치 항목(조건)을 모두 수정하고 저장을 한 뒤 Refresh(새로고침)을 클릭하여 변경된 사항을 적용시켜줍니다.

[그림 8]

GTM 태그가 설정된 화면8

그리고 다시 홈페이지로 돌아가서 새로고침을 한 뒤 태그를 동작시키면

[그림 9]

GTM 태그가 설정된 화면9

Tags Fired On This Event! 

동작하지 않았던 태그가 정상적으로 태그가 동작한 것을 확인할 수 있습니다.

GTM 미리보기 모드에서 이렇게 확인이 되었다면 작업하신 내역을 제출(submit) 해주시면 완료입니다!

이상, GTM 태그가 동작하지 않는 원인을 쉽게 확인하고 수정하는 방법 이었습니다.