[GA4] 초보자를 위한 티스토리에 구글 태그 매니저(GTM)를 설치하는 방법
안녕하세요.
지난 포스팅에서는 구글 애널리틱스 이벤트들에 대해 간단히 알아보았습니다.
[GA4] 구글 애널리틱스 이벤트 정리(자동수집, 향상된 측정, 추천 이벤트)
안녕하세요.전 글에서 구글 애널리틱스를 가입 하고 gtag를 내 티스토리 블로그 코드에 등록하는 방법을 같이 알아보았습니다.https://wonhwa.tistory.com/86 [GA4] 티스토리 블로그에 GA4연동하는 방법안
wonhwa.tistory.com
이번 시간에는 전 포스팅에서 언급했듯이,
본격적으로 내 블로그 방문자의 행동을 파악하기 위한 기초 세팅(GTM)을 시작해 보도록 하겠습니다.
1. 구글 태그 매니저(GTM)란?
구글 태그 매니저(Google Tag Manager = GTM)는 이름 그대로 구글 애널리틱스(GA4)의 gtag를 관리하는 도구입니다.
쉽게 비유하자면, GA4는 '데이터 창고' 이고, GTM은 그 창고로 데이터를 실어 나르는 '택배 기사'라고 할 수 있습니다.
만약 사용자가 특정 버튼을 클릭했을 때 이를 추적하고 싶다면
GTM을 사용하지 않고도 gtag를 html 코드에 추가하여 사용할 수 있습니다만,
비개발자에게는 html 코드를 수정 하는것이 어려울 수 있습니다.
하지만 GTM을 사용하면 복잡한 코딩 없이도 GTM 웹페이지에서 마우스 클릭 몇 번만으로
다양한 태그(추적 코드)를 블로그에 심고 관리할 수 있습니다.
[GTM의 장점]
- 블로그 스킨의 HTML 코드를 매번 건드리지 않아도 되므로 안전하고 편리합니다.
- GA4뿐만 아니라 구글 애즈 등 다양한 마케팅 태그를 한 곳에서 관리할 수 있습니다.
- 블로그의 로딩 속도 저하를 방지하여 장기적으로 SEO(검색 엔진 최적화)에도 긍정적인 영향을 줍니다.
이제 다음으로 티스토리에 GTM 설치 방법을 알아보도록 하겠습니다.
2. 티스토리에 GTM 설치하기
Step1: GTM 계정 및 컨테이너 만들기
1. 구글 태그 매니저 홈페이지에 접속하여 구글 계정으로 로그인합니다.
https://tagmanager.google.com/
Google 애널리틱스
로그인 Google 애널리틱스로 이동
accounts.google.com
2. 우측 상단의 [계정 만들기]를 클릭합니다.
3. 계정이름(예: 내 블로그 이름)과 국가를 설정합니다.
4. 컨테이너 설정에서 컨테이너 이름(보통 블로그 URL 사용)을 입력하고, 타겟 플랫폼을 "웹"으로 선택 후 "만들기"를 누릅니다.
5. 서비스 이용 약관에 "예"를 클릭합니다. 그럼 GTM 관리자 설치 화면이 보일텐데 잠시 닫아 둡니다.
6. 태그 관리자 홈 화면이 나오면 컨테이너 생성은 완료되었습니다.
Step2: 추적 코드 복사하기
컨테이너가 생성되면 홈 화면에서 상단쪽에 "설치 안내 보기"를 클릭합니다.
그러면 화면에 두 개의 코드가 나타납니다.
- 상단 코드: <head> 태그 안의 가능한 한 높은 곳에 붙여넣는 코드
- 하단 코드: <body> 태그 바로 뒤에 붙여넣는 코드
위 창을 열어 두고 다음 작업을 진행합니다.
Step3: 티스토리 스킨 편집에 코드 삽입하기
1. 티스토리 관리자 페이지로 이동합니다. (본인티스토리주소/manage)
2. 왼쪽 메뉴에서 [꾸미기] > [스킨 편집]을 클릭합니다. 그후 나오는 화면에서 [html 편집]을 클릭합니다.
 |
 |
3. step2에서 복사한 상단 코드를 <head>와 </head> 사이 최대한 위쪽에 붙여넣습니다.
4. 하단 코드는 <body> 태그를 찾아서 바로 그 아래에 붙여넣습니다.
5. [적용]을 클릭하여 블로그에 GTM 설정을 완료합니다.
3. GA4와 GTM 연동하기 (기본 태그 설정)
GTM을 블로그에 설정했으니, 이제 GTM이 GA4로 데이터를 보낼 수 있도록 길을 만들어 주어야 합니다.
1. GTM 작업 공간(홈)에서 좌측 메뉴의 [태그] > [새로 만들기]를 클릭합니다.
2. 태그 구성에서 [Google 애널리틱스 - Google 태그]를 선택합니다.
 |
 |
 |
3. 측정 ID 입력 칸에 여러분의 GA4 측정 ID(G-로 시작하는 코드)를 입력합니다.
(GA4 관리자 페이지의 '데이터 수집 및 수정-데이터 스트림'에서 확인 가능)
 |
 |
4. 아래 트리거 섹션을 클릭하고 [All Pages](모든 페이지)를 선택합니다.
5. 우측 상단의 [저장]을 누릅니다. (이름은 'GA4 기본 구성' 정도로 설정해주세요.)
4. 미리보기 및 제출★★★
GTM에서 설정을 마쳤다고 해서 바로 블로그에 적용되는 것은 아닙니다. 반드시 테스트 후 '배포'를 해야 합니다.
1. GTM 우측 상단의 [미리보기] 버튼을 누릅니다.
2. 그럼 창이 하나 뜨는데 거기서 내 블로그 URL을 입력하고 [연결]을 클릭합니다.
3. 새 창으로 내 블로그가 열리면, Tag Assistant 화면에서 방금 만든 'GA4 기본 구성' 태그가 '실행됨' 목록에 뜨는지 확인합니다.
 |
 |
4. 성공적으로 실행되었다면, GTM 메인 화면으로 돌아와 우측 상단의 파란색 [제출] 버튼을 누르고 [게시]를 클릭합니다.
 |
 |
그러면 이것으로 GTM 초기 설정이 완료되었습니다.
마무리
여기까지 잘 따라오셨다면 여러분의 티스토리 블로그에 GTM 설치와 GA4 기본 연동이 잘 되었다고 볼 수 있습니다.
다음 포스트에서는 오늘 설치한 GTM을 활용하여 블로거에게 필요한 맞춤 이벤트를 설정하는 방법을 차근히 알아보도록 하겠습니다.
'GA4' 카테고리의 다른 글
| [GA4] GTM 티스토리 맞춤 이벤트 설정하기2(목차 클릭 이벤트) (0) | 2026.06.25 |
|---|---|
| [GA4] GTM 티스토리 맞춤 이벤트 설정하기1(애드센스 클릭 이벤트) (0) | 2026.06.12 |
| [GA4] 구글 애널리틱스 이벤트 정리(자동수집, 향상된 측정, 추천 이벤트) (1) | 2026.05.27 |
| [GA4] 티스토리 블로그에 GA4연동하는 방법 (0) | 2026.05.17 |
댓글