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

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

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

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

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

GA4 태그는 2가지 종류가 있습니다. 각각 Google 태그, GA4 이벤트 태그라고 부르는데요. 모든 이벤트에 일괄적으로 들어가야 하는 정보를 관리하는 것이 Google 태그, 그리고 각각의 구체적인 이벤트를 정의하는 것이 GA4 이벤트라고 이해하면 쉽습니다.

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

Google 태그 만들기

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

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

Google 애널리틱스 > Google 태그를 순서대로 클릭합니다.

GA4 데이터 스트림 설정 시 복사해뒀던 측정 ID를 입력합니다.

💡

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

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

설정을 저장합니다.

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

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

여러분의 컨테이너에 Google 태그가 추가되었습니다! 👏🏻👏🏻👏🏻

GA에서 연결 확인하기

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