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 태그가 동작하지 않는 원인을 쉽게 확인하고 수정하는 방법 이었습니다.

 

Do NOT follow this link or you will be banned from the site!