웹사이트에 GA4 연결하기 (4) GTM에 첫 GA4 태그 만들기 - Google 태그
Note: 이 글은 2023-09-21 업데이트 되었습니다. GA4 구성 태그가 Google 태그로 개정된 이후 내용을 담고 있습니다.
GTM은 GA 태그를 관리하는 도구인가요?
GTM을 GA 설치 용도로 처음 배우다보면, ‘GTM은 GA 태그를 관리하는 도구구나' 라고 생각하기 쉽습니다. 일부는 맞는 말이고, 일부는 틀린 말인데요. GTM은 GA 태그를 관리하는 도구이기도 하지만, 페이스북 픽셀 등 다른 태그들을 관리할 때에도 사용할 수 있습니다.
태그란 특정 조건이 만족되었을 때(예. ’사용자가 어떤 버튼을 클릭했을 때’), 데이터를 만들어(예. ‘어떤 버튼을 클릭’, ‘언제 클릭’, ‘누가 클릭' 등), 태그 발급 업체(예. 페이스북 픽셀, GA, Hotjar 등)로 전달하는 역할을 수행하는 코드이며 GTM은 이런 태그들을 관리하는 도구입니다. 이렇게 범용성이 있는 도구를 GA 태그를 만드는데 사용한다고 이해하는게 좀 더 정확합니다.
스크린샷 2022-07-12 오후 12.42.41.png
GA 태그의 종류: Google 태그, GA4 이벤트
GA4 태그는 2가지 종류가 있습니다. 각각 Google 태그, GA4 이벤트 태그라고 부르는데요. 모든 이벤트에 일괄적으로 들어가야 하는 정보를 관리하는 것이 Google 태그, 그리고 각각의 구체적인 이벤트를 정의하는 것이 GA4 이벤트라고 이해하면 쉽습니다.
스크린샷 2023-09-21 오후 2.53.45.png
이 글에서는 Google 태그를 만드는 것까지만 다룹니다. GA4 이벤트 태그를 만드는 실습은 GA4 스크롤 이벤트 커스텀하기를 따라해보세요 😊
Google 태그 만들기
태그 > 새로 만들기를 클릭합니다.
스크린샷 2022-07-12 오후 12.49.10.png
태그의 이름을 입력합니다.
스크린샷 2023-09-21 오후 4.16.56.png
Google 애널리틱스 > Google 태그를 순서대로 클릭합니다.
스크린샷 2023-09-21 오후 2.53.33.png
스크린샷 2023-09-21 오후 2.53.45.png
GA4 데이터 스트림 설정 시 복사해뒀던 측정 ID를 입력합니다.

측정 ID를 잊어버렸다면 GA로 들어가 왼쪽 최하단의 관리를 클릭하고 웹사이트에 연결하고 싶은 속성의 데이터 스트림 메뉴를 클릭합니다. 연결하고 싶은 데이터 스트림을 클릭하고 측정 ID를 복사하세요. GA4 속성이라면 ‘G-’로 시작하는 ID를 복사하시면 됩니다.
스크린샷 2023-09-21 오후 4.24.00.png
설정을 마쳤다면, 아래 트리거 상자를 클릭합니다. 트리거는 이 태그가 언제 실행될지를 결정합니다. Google 태그는 다른 태그들보다 가장 먼저 실행되어야 하며 웹사이트의 모든 페이지에서 실행되어야 하기 때문에 초기화 트리거(Initialization - All Pages)를 사용하는 것이 일반적입니다.
스크린샷 2022-07-12 오후 2.25.57.png
설정을 저장합니다.
우리는 Google 태그를 만들었지만, 이 변경 사항은 바로 반영되지 않습니다. GTM은 컨테이너의 버전을 관리합니다. 변경 사항을 반영하기 위해 제출 버튼을 클릭합니다.
스크린샷 2022-07-12 오후 2.33.24.png
변경 사항을 확인하고 버전 이름을 작성합니다. Google 태그를 추가했기 때문에 버전 이름을 ‘Google 태그 추가'라고 작성해주었습니다. 그리고 게시 버튼을 클릭합니다.
스크린샷 2023-09-21 오후 4.26.01.png
여러분의 컨테이너에 Google 태그가 추가되었습니다! 👏🏻👏🏻👏🏻 
GA에서 연결 확인하기
GA4는 구 버전인 UA(Universal Analytics)와 다르게 추가 설정 없이도 기본적인 이벤트(페이지뷰, 클릭 등)들을 자동으로 수집해줍니다. 그렇기 때문에 Google 태그만 만들어 놓아도 필요한 대부분의 데이터를 GA4로 받아볼 수 있습니다. GA4 연결이 잘 됐는지, 어떤 데이터들을 수집해주는지 확인해봅시다.
GA 왼쪽 하단의 관리를 클릭하고 해당하는 속성의 데이터 스트림 메뉴를 클릭해주세요. 그리고 GTM에서 Google 태그에 입력한 측정 ID를 가진 데이터 스트림을 클릭해보세요.
스크린샷 2022-07-12 오후 2.44.26.png
스크롤을 조금 내려보면 향상된 측정 이라는 메뉴가 있습니다. 혹시 향상된 측정 설정이 꺼져있다면 슬라이드를 클릭해 켜주세요. GA4는 아래와 같은 이벤트들을 자동으로 측정해줍니다. 좀 더 자세히 알아보고 싶다면 이 문서를 참고해주세요.
스크린샷 2022-07-12 오후 2.46.38.png
홈 메뉴로 들어가 웹사이트에서 실시간으로 들어오는 데이터를 확인하세요. 만약 방문자가 없다면 웹사이트에 직접 방문하고 잠시 기다렸다가 확인해주세요.
스크린샷 2023-11-08 오후 4.22.53.png
스크린샷 2023-11-08 오후 4.23.54.png
지금부터 웹사이트에서 사용자의 페이지뷰, 스크롤, 이탈 클릭 등의 데이터가 GA4로 수집됩니다. 설정을 잘 완료하셨습니다! 축하합니다 🥳 
참고 자료
GTM 공식문서: [GA4] Google 태그 관리자에서 Google 애널리틱스 4 구성하기


conversion_type

시리즈 내 순서

conversion_text

멤버 전용

대표 이미지

공개 가능

작성일

예상 읽기 시간

전환 텍스트

글쓴이

시리즈

상단 노출

전환 유형

요약

제목

GTM을 포함한 GA를 연결하는 다양한 방법들에 대해서 가볍게 소개해보겠습니다.

웹사이트에 GA4 연결하기 (1) GA4를 웹사이트와 연결하는 세 가지 방법

웹사이트에 GA4 연결하기 (2) GA 계정 만들기

GTM(Google Tag Manager) 계정을 만들어봅시다.

웹사이트에 GA4 연결하기 (3) GTM 계정 만들고 웹사이트에 설치하기

이 글은 GA4 구성 태그가 Google 태그로 개정된 이후 내용을 담고 있습니다.

웹사이트에 GA4 연결하기 (4) GTM에 첫 GA4 태그 만들기 - Google 태그

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

GA 태그의 종류: Google 태그, GA4 이벤트

웹사이트에 GA4 연결하기 (4) GTM에 첫 GA4 태그 만들기 - Google 태그

Contents

웹사이트에 GA4 연결하기

함께 읽어보면 좋은 글

기여 분석 (3) GA4 기여 분석 모델 지원 중단 (feat. 쿠키리스)

웹사이트에 GA4 연결하기 (Legacy) GTM에 첫 GA4 태그 만들기 - GA4 구성 태그

20년차 마케터가 데이터로 일하는 법

데이터 분석 소식을
한 달에 한 번 받아보세요

웹사이트에 GA4 연결하기 (4) GTM에 첫 GA4 태그 만들기 - Google 태그

Contents

웹사이트에 GA4 연결하기

함께 읽어보면 좋은 글

기여 분석 (3) GA4 기여 분석 모델 지원 중단 (feat. 쿠키리스)

웹사이트에 GA4 연결하기 (Legacy) GTM에 첫 GA4 태그 만들기 - GA4 구성 태그

20년차 마케터가 데이터로 일하는 법

데이터 분석 소식을 한 달에 한 번 받아보세요

데이터 분석 소식을
한 달에 한 번 받아보세요