brunch

매거진 데이터 분석 시작하기

라이킷 20 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 데이터리안 Dec 01. 2022

GTM에 첫 GA4 태그 만들기

웹사이트에 GA4 연결하기 (4)

Note: 이 글은 GA, GTM이 모두 처음이신 분들은 위한 튜토리얼입니다. 기존에 UA(Universal Analytics)를 사용하고 계시던 분이 GA4를 추가 연결하는 방법을 찾고 계신다면 UA(Universial Analytics)에서 GA4(Google Analytics 4)로 전환하기 글을 참고해주세요.

GTM은 GA 태그를 관리하는 도구인가요?

GTM을 GA 설치 용도로 처음 배우다보면, ‘GTM은 GA 태그를 관리하는 도구구나' 라고 생각하기 쉽습니다. 일부는 맞는 말이고, 일부는 틀린 말인데요. GTM은 GA 태그를 관리하는 도구이기도 하지만, 페이스북 픽셀 등 다른 태그들을 관리할 때에도 사용할 수 있습니다.

태그란 특정 조건이 만족되었을 때(예. ’사용자가 어떤 버튼을 클릭했을 때’), 데이터를 만들어(예. ‘어떤 버튼을 클릭’, ‘언제 클릭’, ‘누가 클릭' 등), 태그 발급 업체(예. 페이스북 픽셀, GA, Hotjar 등)로 전달하는 역할을 수행하는 코드이며 GTM은 이런 태그들을 관리하는 도구입니다. 이렇게 범용성이 있는 도구를 GA 태그를 만드는데 사용한다고 이해하는게 좀 더 정확합니다.

GTM에서 쉽게 연동할 수 있는 다양한 태그 유형

GA4 태그의 종류: GA4 구성, GA4 이벤트

A4 태그는 2가지 종류가 있습니다. 각각 GA4 구성, GA4 이벤트 태그라고 부르는데요. 위의 태그 유형을 캡처한 이미지에서도 'Google 애널리틱스: GA4 구성, Google 애널리틱스: GA4 이벤트'를 보실 수 있습니다. 모든 이벤트에 일괄적으로 들어가야 하는 정보를 관리하는 것이 GA4 구성, 그리고 각각의 이벤트를 커스텀하여 정의하는 것이 GA4 이벤트라고 이해하면 쉽습니다. 모든 GA4 이벤트 태그에는 GA4 구성 태그를 연결해주어야 합니다.

이 글에서는 GA4 구성 태그를 만드는 것까지만 다룹니다. GA4 이벤트 태그를 만드는 실습은 GA4 스크롤 이벤트 커스텀하기를 따라해보세요

[Tip. 프로그래밍에서 ‘상속'의 개념을 배우신 분들은 아래 설명이 좀 더 쉬울 수 있습니다]

GA4 공식 문서의 GA4 구성, 이벤트 태그 설명입니다. GA4 구성 태그에서 설정할 필드를 구성하여 페이지의 모든 이벤트에서 일관성을 유지해야 하는 매개변수(예: 추적 ID, 사용자 ID 또는 쿠키 도메인)를 설정할 수 있습니다. GA4 이벤트 태그는 GA4 구성 태그의 매개변수를 상속합니다. 이벤트 태그에 구성 태그 매개변수와 이름이 같은 매개변수가 있으면 이벤트 태그 매개변수 값이 구성 태그의 매개변수보다 우선 적용됩니다(단, 해당 이벤트에 한함). 이름이 동일한 매개변수가 없는 다른 모든 이벤트 태그는 구성 태그에서 처음 설정한 매개변수 값을 계속 참조합니다.

[Tip. 자주 사용하는 용어는 영어로도 알아둡시다]

모든 IT 솔루션들이 다 그렇지만, 한글 문서보다 영어 문서가 훨씬 많습니다. 그래서 모르는 것이 있을 때 구글에 한글로 검색하는 것보다 영어로 검색했을 때 훨씬 질 좋은 정보를 얻을 수 있어요. 자주 사용하는 용어는 영어로 어떻게 쓰는지도 함께 알아둡시다.

- 구성 태그: Configuration tag
- 이벤트 태그: Event tag

GA4 구성 태그 만들기

1. 태그 > 새로 만들기를 클릭합니다.

2. 태그의 이름을 입력합니다.

3. 태그 구성 박스를 클릭하고 태그 유형으로 Google 애널리틱스: GA4 구성을 선택합니다.

4. GA4 데이터 스트림 설정 시 복사해뒀던 측정 ID를 입력합니다. 이 설정으로 GTM이 설치되어 있는 웹사이트에서 발생한 GA4 이벤트가 GA4 속성으로 수집되게 됩니다.

[Tip. 측정 ID를 잊어버렸다면?]

측정 ID를 잊어버렸다면 GA로 들어가 왼쪽 최하단의 관리를 클릭하고 웹사이트에 연결하고 싶은 속성의 데이터 스트림 메뉴를 클릭합니다. 연결하고 싶은 데이터 스트림을 클릭하고 측정 ID를 복사하세요. GA4 속성이라면 ‘G-’로 시작하는 ID를 복사하시면 됩니다.

5. 태그 구성 설정을 마쳤다면, 아래 트리거 상자를 클릭합니다. 트리거는 이 태그가 언제 실행될지를 결정합니다. 구성 태그는 다른 태그들보다 가장 먼저 실행되어야 하며 웹사이트의 모든 페이지에서 실행되어야 하기 때문에 초기화 트리거(Initialization - All Pages)를 사용하는 것이 일반적입니다.

6. 설정을 저장합니다.

7. 우리는 GA4 구성 태그를 만들었지만, 이 변경 사항은 바로 반영되지 않습니다. GTM은 컨테이너의 버전을 관리합니다. 변경 사항을 반영하기 위해 제출 버튼을 클릭합니다.

8. 변경 사항을 확인하고 버전 이름을 작성합니다. GA4 구성 태그를 추가했기 때문에 버전 이름을 ‘GA4 구성 태그 추가'라고 작성해주었습니다. 그리고 게시 버튼을 클릭합니다.

여러분의 컨테이너에 GA4 구성 태그가 추가되었습니다! 태그 탭으로 이동해 GA4 구성 태그가 잘 추가되었는지 확인해봅시다.

GA에서 연결 확인하기

GA4는 구 버전인 UA(Universal Analytics)와 다르게 추가 설정 없이도 기본적인 이벤트(페이지뷰, 클릭 등)들을 자동으로 수집해줍니다. 그렇기 때문에 GA4 구성 태그만 만들어 놓아도 필요한 대부분의 데이터를 GA4로 받아볼 수 있습니다. GA4 연결이 잘 됐는지, 어떤 데이터들을 수집해주는지 확인해봅시다.

1. GA 왼쪽 하단의 관리를 클릭하고 해당하는 속성의 데이터 스트림 메뉴를 클릭해주세요. 그리고 GTM에서 GA4 구성 태그에 입력한 측정 ID를 가진 데이터 스트림을 클릭해보세요.