코딩 몰라도 할 수 있는 GA4 설치 가이드 (2025년 최신 버전!)
안녕하세요 데이터리안 보민입니다. 개발자 없이, 개발 지식 없이도 누구나 쉽게 할 수 있는 GA4 설치 가이드를 제작해보았습니다.
티스토리 블로그에 GTM을 이용하여 GA4를 설치해볼건데요. 이 글을 따라서 끝까지 실습하면 아래와 같은 구조로 GTM을 통해 웹사이트 데이터를 GA4로 전송할 수 있게 됩니다. 집중해서 내 블로그에 직접 GA4를 설치해보고, 실시간으로 유입되는 사용자들의 데이터까지 한번 확인해보세요.
1-min.png
티스토리 블로그 만들기
GA4를 설치할 티스토리 블로그를 개설하겠습니다.
티스토리 사이트에 접속해서 로그인 해주세요.
blog1-min.png
티스토리 블로그를 개설했다면, 준비 완료!
blog2-min.png
GA4 계정 만들기
이제 GA4 계정을 만들어보겠습니다. 
구글 애널리틱스 페이지에 접속하고, 측정 시작 버튼을 클릭해주세요.
GA4 계정 만들기1-min.png
계정 이름을 설정하고, 페이지 하단의 다음 버튼을 눌러 다음 페이지로 진행합니다.
GA4 계정 만들기2-min.png
[실무 팁] 계정 이름은 어떻게 정하는게 좋을까요?
GA4에서는 한 계정에 여러 서비스 이벤트를 각각 추적하는 속성을 추가할 수 있습니다. 만약 여러분의 브랜드에 여러 서비스가 속해있다면 계정 이름은 브랜드를 나타내는 이름으로 설정하고, 해당 계정 안에서 속성을 서비스 별로 나누는 것이 좋습니다.
GA4_계정_만들기3-removebg-preview-min.png
속성을 설정합니다. 저는 아래와 같이 설정했어요.
속성 이름: ga4-hands-on
보고 시간대: 대한민국, (GMT+09:00) 대한민국 시간
통화: 대한민국 원
GA4 계정 만들기4-min.png
비즈니스 세부 정보를 입력합니다.
GA4 계정 만들기5-min.png
비즈니스 목표를 선택합니다.
GA4 계정 만들기6-min.png
데이터 수집 시작하기에서 웹을 클릭합니다.
GA4 계정 만들기7-min.png
데이터 스트림 설정에서 아래와 같이 설정하고, 만들고 계속하기 버튼을 클릭합니다.
웹사이트 URL: 앞에서 개설한 티스토리 블로그 주소(’https://’ 제외)
스트림 이름: 티스토리 블로그
향상된 측정: 체크 표시 활성화 되어있는지 확인
GA4 계정 만들기8-min.png
우리는 GTM을 사용해서 GA4를 설치할 예정입니다. 구글 태그 설정 페이지가 열리면 엑스 버튼을 눌러서 창을 닫아주세요.
GA4 계정 만들기9-min.png
아래와 같이 웹 스트림 세부 정보 화면이 떴다면 설정이 완료된 것 입니다!
화면에 보이는 측정 ID를 이용하여 GA와 웹사이트를 연결할 예정입니다. 측정 ID를 복사해서 메모장에 붙여넣어주세요.
GA4 계정 만들기10-min.png
GA4 계정 만들기11-min.png
[TIP] 기존에 사용하던 GA4 계정이 있다면, 아래 경로에서 신규 계정, 속성을 추가할 수 있습니다.
구글 애널리틱스 페이지에 접속합니다.
메뉴바에서 관리 탭을 클릭합니다.
GA4 계정 만들기12-min.png
왼쪽 상단의 + 만들기 버튼을 클릭합니다.
GA4 계정 만들기13-min.png
GTM 계정 만들기
구글 애널리틱스 페이지에 접속합니다.
왼쪽 상단에 있는 속성 이름을 클릭합니다.
GTM 계정 만들기 1-min.png
계정 관련 메뉴에서 Google Tag Manager 아이콘을 클릭합니다.
GTM 계정 만들기 2-min.png
시작하기 버튼을 클릭합니다.
GTM 계정 만들기 3-min.png
계정 만들기를 클릭해주세요.
GTM 계정 만들기4-min.png
계정과 컨테이너를 설정하고, 만들기 버튼을 클릭해주세요.
GTM 계정 만들기5-min.png
GTM 계정 만들기6-min.png
 태그 관리자 서비스 이용 약관에 동의하면 계정과 컨테이너 만들기 끝!
아래와 같은 설치 코드가 나타난다면, 두 코드를 모두 복사해서 메모장에 붙여넣어주세요. 여기까지 잘 따라했다면, 여러분의 메모장에는 아래 세가지 내용이 들어있어야 합니다.
GA4 계정 측정 ID
웹사이트 <head> 영역에 넣을 GTM 설치 코드
웹사이트 <body> 영역에 넣을 GTM 설치 코드
GTM 계정 만들기7-min.png
[TIP] 기존에 사용하던 GTM 계정이 있다면, 아래 경로에서 신규 계정, 컨테이너를 추가할 수 있습니다.
GTM 계정 관리 페이지에 접속합니다.
우측 상단의 계정 만들기 버튼을 클릭합니다.
GTM 계정 만들기8-min.png
티스토리 블로그에 GTM 설치하기
앞에서 만들어둔 티스토리 블로그의 블로그 관리 페이지에 접속합니다.
GTM 삽입1-min.png
왼쪽 메뉴바에서 꾸미기 > 스킨 편집을 클릭해주세요.
GTM 삽입2-min.png
스킨 편집 창이 나타나면 우측 상단의 html 편집 버튼을 클릭합니다.
GTM 삽입3-min.png
뭔가 무서워 보이는 팝업이 뜹니다. 겁먹지 말고, 확인 버튼을 눌러주세요.
GTM 삽입4-min.png
HTML 편집창이 열리면 <head>, <body> 태그 바로 아래에 GTM 설치 코드를 추가해주세요.
설치 코드의 위치는 반드시 <head>, <body> 태그 바로 아래여야 합니다. 다른 위치에 넣을 경우 GTM이 정상적으로 작동하지 않을 수 있습니다.
GTM 삽입5-min.png
[TIP] 복사했던 GTM 설치 코드를 잃어버렸어요!
GTM 컨테이너로 이동합니다.
관리자 탭을 클릭해 주세요.
Google 태그 관리자 설치 메뉴를 클릭하면, 설치 코드를 다시 볼 수 있습니다.
GTM 삽입6-min.png
<head> 태그와 <body> 태그 아래에 GTM 설치 코드를 붙여 넣었다면, 우측 상단의 적용 버튼을 클릭해주세요
GTM 삽입7-min.png
Google Tag Manager, 앞에서 만들어둔 컨테이너 페이지로 돌아갑니다. 우측 상단의 미리보기 버튼을 클릭합니다.
GTM 삽입8-min.png
새로운 창에서 Tag Assistant 가 열리면, 웹사이트 URL 입력란에 티스토리 블로그 주소를 입력하고 연결 버튼을 클릭해주세요.
GTM 삽입9-min.png
아래와 같이 두개의 창이 열렸다면 Google Tag Manager가 티스토리 블로그와 잘 연결 된 것 입니다! 이제 여러분들은 GTM을 이용해 웹사이트에 여러 태그들을 추가하고 삭제하는 등 태그 관리를 할 수 있게 되었습니다.
GTM 삽입10-min.png
GTM 삽입11-min.png
GTM으로 GA4에 데이터 전송하기
GA 태그의 종류: Google 태그, GA4 이벤트
GA4 태그는 2가지 종류가 있습니다. 각각 Google 태그, GA4 이벤트 태그라고 부르는데요. 모든 이벤트에 일괄적으로 들어가야 하는 정보를 관리하는 것이 Google 태그, 그리고 각각의 구체적인 이벤트를 정의하는 것이 GA4 이벤트라고 이해하면 쉽습니다.
GTM 삽입12-min.png
GA4는 구 버전인 UA(Universal Analytics)와 다르게 추가 설정 없이도 기본적인 이벤트(페이지뷰, 클릭 등)들을 자동으로 수집해줍니다. 그렇기 때문에 Google 태그만 만들어 놓아도 필요한 대부분의 데이터를 GA4로 받아볼 수 있습니다.
이 글에서는 Google 태그를 만드는 것까지만 다룹니다. GA4 이벤트 태그를 만드는 실습은 GA4 스크롤 이벤트 커스텀하기를 따라해보세요 😊
Google 태그 만들기
Google Tag Manager, 앞에서 만들어둔 컨테이너 페이지로 돌아갑니다.
GA4 태그 만들기1-min.png
왼쪽 메뉴바에서 태그를 클릭하고 우측 상단의 새로 만들기 버튼을 클릭합니다.
GA4 태그 만들기2-min.png
태그의 이름을 입력합니다
GA4 태그 만들기3-min.png
태그 구성 섹션을 클릭하고, Google 애널리틱스 > Google 태그를 순서대로 클릭합니다.
GA4 태그 만들기4-min.png
GA4 태그 만들기5-min.png
GA4 데이터 스트림 설정 시 복사해뒀던 측정 ID를 입력합니다.
GA4 태그 만들기6-min.png
[TIP] 측정 ID를 잊어버렸다면, 이렇게 찾아보세요.
구글 애널리틱스 페이지에 접속합니다.
왼쪽 메뉴바 아래의 관리를 클릭합니다.
데이터 수집 및 수정 > 데이터 스트림을 클릭합니다.
연결하고 싶은 데이터 스트림을 클릭합니다.
‘G-’로 시작하는 측정 ID를 복사합니다.
트리거 상자에 Initialization - All Pages(초기화) 트리거가 잘 선택되어있는지 확인하고, 저장합니다.
GA4 태그 만들기7-min.png
[자주 묻는 질문] 왜 Initialization - All Pages 트리거를 선택해야하나요?
트리거는 이 태그가 언제 실행될지를 결정합니다. Google 태그는 다른 태그들보다 가장 먼저 실행되어야 하며 웹사이트의 모든 페이지에서 실행되어야 하기 때문에 초기화 트리거(Initialization - All Pages)를 사용하는 것이 일반적입니다.
지금까지 GTM에서 수정한 내용을 웹사이트에 반영하기 위해 작업공간의 우측 상단에 있는 제출 버튼을 클릭합니다.
GA4 태그 만들기8-min.png
변경사항을 확인하고 버전 정보를 작성합니다. 게시 버튼을 클릭해 수정사항을 웹사이트에 적용합니다.
GA4 태그 만들기9-min.png
[자주 묻는 질문] 버전 이름, 설명은 왜 꼭 작성해야 하나요?
GTM에서는 웹사이트에 코드를 적용할 때, 변경한 내용에 대한 설명을 작성하고 버전을 게시해야합니다. 버전 이름과 설명을 꼼꼼히 남겨두면 다음과 같은 장점이 있습니다.
어떤 수정 사항이 언제 반영되었는지 쉽게 확인할 수 있어, 팀원들과의 협업이 원활해집니다.
코드 배포 후 문제가 발생했을 때, 변경 이력을 토대로 원인을 빠르게 찾고 해결할 수 있습니다.
정상적으로 게시되었다면, Google Tag Manager 페이지의 버전 탭에서 게시된 버전 정보를 확인할 수 있습니다.
GA4 태그 만들기10-min.png
[자주 묻는 질문] GTM은 GA 태그를 관리하는 도구인가요?
GTM을 GA 설치 용도로 처음 배우다보면, ‘GTM은 GA 태그를 관리하는 도구구나' 라고 생각하기 쉽습니다. 일부는 맞는 말이고, 일부는 틀린 말인데요. GTM은 GA 태그를 관리하는 도구이기도 하지만, 페이스북 픽셀 등 다른 태그들을 관리할 때에도 사용할 수 있습니다.
태그란 특정 조건이 만족되었을 때(예. ’사용자가 어떤 버튼을 클릭했을 때’), 데이터를 만들어(예. ‘어떤 버튼을 클릭’, ‘언제 클릭’, ‘누가 클릭' 등), 태그 발급 업체(예. 페이스북 픽셀, GA, Hotjar 등)로 전달하는 역할을 수행하는 코드이며 GTM은 이런 태그들을 관리하는 도구입니다. 이렇게 범용성이 있는 도구를 GA 태그를 만드는데 사용한다고 이해하는게 좀 더 정확합니다.
production-d011194c-d6a0-4bb5-8da8-f79f46babeee-mj6m5Ot8c6zFL1QgzZoGK6-DX6MdGLa5Um7_73rkVXg.png
GTM에서 쉽게 연동할 수 있는 다양한 태그 유형
실시간 데이터 확인하기
구글 애널리틱스 페이지에 접속합니다.
데이터 확인1-min.png
왼쪽 메뉴바에서 보고서를 클릭하고, 실시간 개요를 클릭해보세요. 웹사이트에서 실시간으로 들어오는 데이터를 확인할 수 있습니다.
만약 방문자 데이터가 하나도 없다면, 티스토리 블로그에 직접 방문해보고 데이터가 들어올 때까지 잠깐 기다려주세요.
데이터 확인2-min.png
축하합니다! 이제 여러분의 티스토리 블로그에서 발생하는 사용자들의 데이터를 확인할 수 있게 되었습니다 👏👏👏
이제부터 시작! GA4를 더 공부해보고 싶다면?
‘이 글 하나면 끝, GA4 기초부터 실무까지 완전 정복하기’ 블로그 글을 참고해보세요. 내부 IP 차단하는 법, 데이터 보관 기간 늘리는 방법부터 UTM 파라미터 & 유입경로 확인하는 법 그리고 버튼 클릭, 스크롤 이벤트 등 사용자들의 행동 데이터 수집하는 방법까지 다양한 GA4 활용법을 한 번에 정리해놓았습니다.
혹시 추천 글들을 모두 읽어보았는데도 실무에 바로 적용하기는 어렵다는 생각이 드시나요? 그렇다면 사수처럼 GA4를 꼼꼼히 알려주는 강의를 들어보는 것도 좋습니다.
카카오, 쿠팡, 리디, 잡플래닛에서 다양한 비즈니스를 경험한 데이터 분석가 멘토들에게 궁금한 것을 직접 물어볼 수 있고, 데이터 분석 스킬까지 배울 수 있는 GA4 데이터 분석 캠프 커리큘럼을 한번 살펴보세요. 2025년 버전으로 최신 GA4 업데이트를 반영했어요!
GA4 데이터 분석 캠프
GA4 데이터 분석을 배워 업무에 활용하고 있는 분들의 이야기가 궁금하다면 아래 블로그 글들을 읽어보세요.
단어 하나 바꿔서 클릭률 3배 상승, 이 세상에 헛된 경험은 없죠 _ UI/UX 디자이너 이혜인님
마케터가 직접 데이터 수집까지, 엄청난 경쟁력이죠 _ 광고 대행사 AE 주현종님
설득력을 가진 디자인, 데이터 드리븐 디자인이 필요해요 _ e스포츠 플랫폼 UI/UX 디자이너 제롬님
20년차 마케터가 데이터로 일하는 법 _ 20년차 마케터 박충효님
블로그 글 유튜브 영상으로 보기


[Replay] 코딩 몰라도 할 수 있는 GA4 설치 핸즈온 | 데이터리안 데이터 분석가 이보민 | #데이터리안세미나 다시보기

conversion_type

시리즈 내 순서

conversion_text

멤버 전용

대표 이미지

공개 가능

작성일

예상 읽기 시간

전환 텍스트

글쓴이

시리즈

상단 노출

전환 유형

요약

제목

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

GA4를 웹사이트와 연결하는 세 가지 방법

GA 계정 만들기

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

GTM 계정 만들고 웹사이트에 설치하기

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

GTM에 첫 GA4 태그 만들기 - Google 태그

GTM “변수” 기능을 사용하면 이 문제를 해결해 줄 수 있습니다.

GA4 태그를 만들 때마다 매번 측정 ID 값을 입력해 줘야 하나요?

2시간 안에 설치 끝! GTM을 이용해 티스토리 블로그에 GA4를 설치해봅시다.

코딩 몰라도 할 수 있는 GA4 설치 가이드 (2025년 최신 버전!)

티스토리 블로그에 GTM 설치하기

이제부터 시작! GA4를 더 공부해보고 싶다면?

블로그 글 유튜브 영상으로 보기

코딩 몰라도 할 수 있는 GA4 설치 가이드 (2025년 최신 버전!)

Contents

데이터 분석 소식을
매월 받아보세요

웹사이트에 GA4 연결하기

함께 읽어보면 좋은 글

GA4의 데이터 보관 기간 늘리기

GA4의 실시간 보고서 활용하기

데이터넥스트레벨 챌린지 5기 회고 - 데이터 삽질 끝에 UX가 보였다

데이터 분석 소식을
매월 받아보세요데이터 분석 소식을 받아보세요

코딩 몰라도 할 수 있는 GA4 설치 가이드 (2025년 최신 버전!)

Contents

데이터 분석 소식을 매월 받아보세요

웹사이트에 GA4 연결하기

함께 읽어보면 좋은 글

GA4의 데이터 보관 기간 늘리기

GA4의 실시간 보고서 활용하기

데이터넥스트레벨 챌린지 5기 회고 - 데이터 삽질 끝에 UX가 보였다

데이터 분석 소식을 매월 받아보세요데이터 분석 소식을 받아보세요

데이터 분석 소식을
매월 받아보세요

데이터 분석 소식을
매월 받아보세요데이터 분석 소식을 받아보세요