제목
gtm 설치 스크립트 관련 질문
작성자
gtm마스터하고싶다
작성일
2024-02-12 23:19
조회
216
답변완료
안녕하세요. gtm과 자바스크립트를 공부하면서 한 가지 궁금한 점이 생겼는데요.
<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-*******');</script>
해당 gtm 설치 스크립트를 보면 페이지뷰 이벤트인 gtm.js은 확인이 되는데 gtm.init, gtm.init_concent, gtm.scrollDepth와 같은 이벤트들은 코드 내 확인이 안되는데 어디에 따로 구현이 되어있는 것일까요??
안녕하세요, gtm마스터하고싶다님
해당 설치 스크립트가 실행될 때 추가적으로 로드하는 스크립트 파일이 존재합니다. (gtm.js 파일)
이 파일 안에 질문하신 기능을 포함한 태그매니저 동작에 필요한 모든 코드들이 난독화되어 포함되어 있습니다 🙂
추가적으로 아래 글의 태그 매니저의 원리 부분을 한번 참고해 보세요 🙂
- https://dachata.com/google-tag-manager/post/what-is-the-google-tag-manager/
감사합니다!
추가적으로 로드하는 스크립트 파일이 존재하는것까지 알았는데요.
만약 스크립트가 순서대로 동작한다고하면 gtm 스크립트 내에서 가장 먼저 실행되는 gtm.js가 gtm.js파일 내에있는 gtm.init / gtm.init_concent보다 선행되어야 하는 것이 아닐까요?
미리보기 내에서는 두가지 스크립트가 먼저 동작되고 페이지뷰 이벤트인 gtm.js 이벤트가 실행됩니다.
gtm.init과 gtm.init_consent는 해외 지역의 개인정보 수집 관련 이슈로 인해 비교적 최근에 추가된 이벤트로, 해당 이벤트에 대한 내용도 물론 gtm.js 파일 안에 포함되어 있습니다.
말씀하신 대로 미리보기에는 gtm.js라는 '이벤트'가 존재하지만 ㅎㅎ 요걸 제가 설명드린 '파일명'이랑 연결지어 이해하지 마시고, gtm의 컨테이너가 로드됐을 때 실행되는 이벤트로만 이해하셔야 합니다 🙂
다차타의 gtm.js 파일에 대한 예시를 공유드리면, 아래와 같은데 ㅎㅎ 요 파일에 GTM의 컨테이너 코드들이 담겨있는 것입니다. 질문주신 이벤트들도 다 여기에 포함되어 있구요
- https://www.googletagmanager.com/gtm.js?id=GTM-P26TPCH
안녕하세요, 운영자님
추가적인 질문이 있는데요.
1. gtm 스크립트 태그만 웹사이트에 심고 구글태그 작업을 하지 않은 상태에서는 미리보기에서 스크롤을 내려도 이벤트가 잡히지 않더라구요. 구성태그를 설정하거나 스크롤 이벤트 트리거를 사용하지 않을 경우에는 자동으로 gtm에 스크롤 이벤트가 집계되지는 않는 걸까요?
2. url에 관한 변수들은 데이터레이어에 푸시되는 것이 아니라 dom에서 자동으로 수집하는 것으로 이해하면 될까요?