구글 태그 매니저는 HTML을 구성하는 요소에 추적 코드를 쉽고 빠르게 관리할 수 있는 구글의 태그 관리 시스템입니다.
1. 태그 매니저 설정
요소에 트리거를 설정할 수 있는데, 사용자가 조건에 만족하는 액션을 취하면 Google Analytics와 같은 분석 도구를 이용하여 데이터를 수집할 수 있습니다.
저는 주로 data-set을 이용하여 gtm 추적 코드를 심어두고 추적합니다.
2. 디버그(미리보기) 모드
구글 태그 매니저 > 상단 > 미리보기: 클릭시 설정한 태그를 URL을 통해 테스트 할 수 화면이 나옵니다.
이때 태그를 찾지 못하는 문제가 생길 수 있는데 이럴땐 아래 내용을 체크해보시기 바랍니다.
•
구글 확장 프로그램 충돌 문제: 광고 제거 플러그인이 비활성화 후 다시 시도해 보십시오.
•
vite 환경에서 VitePluginRadar 을 이용해서 gtm을 연결하시고 있으시다면 디버깅하는 동안에는 head 태그에 Google Tag Manager를 넣고 시도해보세요.
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
JavaScript
복사