GoogleTagManager

BlackBean·2024년 6월 21일

web

목록 보기

3/5

애널리틱스, 마케팅, 지원 공급업체가 제공하는 코드 세그먼트

기존 마케팅 업체에서 z제공하는 코드 세그먼트를 웹페이지 삽입하여 필요한 데이터를 수집

TagManager Tag 를 관리할 container를 제공. Webpage에는 하나의 container 가 심어지고, container를 관리할 Tagmanager 를 통해 직접 코드를 심지 않고도 데이터 수집 가능

태그: 태그는 Google 애널리틱스 같은 시스템에 데이터를 전송하는 코드를 말합니다.
태그는 이벤트에 대한 응답으로 실행됨. 이벤트란 페이지로드, 버튼클릭, 페이지스크롤 같은 것을 지칭함
GoogleTagManager에서 이벤트를 수신하는 트리거를 정의하여 태그의 실행시점을 지정가능
트리거: 트리거는 클릭, 양식 제출 또는 페이지 로드 같은 특정 이벤트를 수신합니다.
트리거란 특정 이벤트를 어떤 조건에서 실행할 지 지정.
변수: 변수는 제품 이름, 가격 값, 날짜 등 바뀔 수 있는 값을 지정하는 자리표시자입니다.
트리거조건, 또는 정보를 태그에 전달할 때 사용
데이터 영역: 태그 관리자는 값을 클라이언트에 일시적으로 저장하여 태그, 트리거 및 변수에 따라 사용할 목적으로 데이터 영역을 구현합니다.
페이지가 로드될 때만 태그가 실행된다면 데이터영역을 설정하지 않아도 되지만 사용자와 상호작용할 때까지 원하는 데이터를 사용할 수 없을 경우 데이터를 데이터영역으로 푸쉬하는 코드를 추가해야 함. 그런 다음 원하는 이벤트 발생 시 데이터영역을 이용하도록 태그 관리자를 구성해야 함

GoogleTag: 웹사이트에서 GoogleAnalyltics 와 같은 도착페이지로 이동하는 데이터 흐름을 설정. 도메인별로 Google Tag를 1개씩 만들어 측정하려는 모든 사이트에 삽입
GoogleAnalytics: GA4 Event
GA4 이벤트 태그를 사용하면 코드 작성 없이 웹사이트에 이벤트 설정 가능. 이벤트 데이터는 GA4에 표시됨. 추천/맞춤 이벤트를 측정하는데 필요한 만큼 이벤트 태그 생성

Container 생성
Container → Workspace 탭에서 ContainerID (GTM-XXXX) 클릭. 코드 스니펫 (스크립트) 헤더와 바디에 추가
Tag 탭 (왼쪽) → 새로만들기/New 클릭 (오른쪽) → 삽입하려는 Tag 에 따라 코드 생성 (https://support.google.com/tagmanager/answer/3281060) → Triggering 설정 (https://support.google.com/tagmanager/topic/7679108)
태그 검증 후 태그 배포
검증 : Workspace 탭에서 Preview 클릭 (오른쪽 상단) → website URL입력 후 connect 클릭
배포: Workspace 탭에서 Summit 클릭 (오른쪽 상단) → Submission Configuration Section → Public and Create Version 클릭, 배포없이 저장만 하려면 Create Version 클릭 → 버전에 대한 name/description 설정 → Activity History 에 가서 이번 버전 확인 → Publish 클릭 (오른 상단)