GTM(구글 태그 매니저) 입문, 태그·트리거·변수 개념과 설치·이벤트 추적 설정·디버깅까지
똑똑해지고 싶은 똑이
조회 23
다 읽는 데 약 7분 걸려요복잡한 건 한눈에 보이게 정리했어요.
💡 핵심 킬러 메시지
GTM은 태그를 게시하기 전에 '미리보기로 정확히 작동하는지 확인하는 것'이 핵심이에요.
GTM을 열었는데 태그, 트리거, 변수라는 말에 한참 머리를 싸맸던 적 있죠. 코드 수정 없이 된다는데 오히려 더 어렵게 느껴지고요.
웹사이트를 운영하다 보면 방문자 분석 코드, 광고 전환 추적 코드, SNS 광고 픽셀, 채팅 상담 스크립트처럼 넣어야 할 코드가 점점 늘어나요. 그때마다 개발자에게 수정을 요청하면 시간이 걸리고, 코드가 뒤섞여 무엇이 어디에 들어갔는지 알기 어려워져요. GTM(구글 태그 매니저)은 이런 추적 코드를 웹사이트에 직접 넣지 않고, 관리 화면에서 추가하고 수정하고 끌 수 있게 해 주는 무료 태그 관리 도구예요. 사이트에 GTM 코드 하나만 설치해 두면 이후 대부분의 추적 설정을 마케터가 직접 할 수 있어요. 이 글은 GTM을 처음 쓰는 사람을 위해 쓰는 이유, 태그·트리거·변수 개념, 설치 방법, 대표적인 이벤트 추적 설정, 미리보기 디버깅, 운영 규칙과 주의점을 정리했어요. 메뉴 이름은 업데이트로 바뀔 수 있으니 공식 도움말을 함께 확인하세요.
📷 사진 1 태그 목록이 보이는 태그 관리 화면
Alt: GTM 관리 화면
(이 상자를 내 사진으로 바꿔 주세요)
GTM을 쓰는 이유
설정을 바꿨는데 데이터가 두 번씩 잡혀 당황했던 분도 있을 거예요. 미리보기와 운영 규칙만 지켜도 실수가 줄어요.
- 코드 수정 없이 추적 설정을 추가하고 고칠 수 있어요.
- 여러 추적 코드를 한곳에서 관리해 중복과 누락을 줄여요.
- 게시 전에 미리보기로 정상 작동을 확인할 수 있어요.
- 변경 이력이 버전으로 남아 문제가 생기면 이전 상태로 되돌릴 수 있어요.
📷 사진 2 GTM 작업공간 화면
Alt: GTM 작업공간
(이 상자를 내 사진으로 바꿔 주세요)
태그·트리거·변수 개념
| 구성요소 | 의미 | 비유 |
|---|---|---|
| 태그 | 실행할 코드(분석, 광고 추적 등) | 무엇을 할지 |
| 트리거 | 태그를 실행할 조건 | 언제 할지 |
| 변수 | 트리거와 태그에 쓰이는 값 | 어떤 정보로 판단할지 |
예를 들어 "상담 신청 버튼을 누르면(트리거) 분석 도구에 이벤트를 보낸다(태그), 이때 버튼 문구와 페이지 주소를 함께 보낸다(변수)"처럼 구성해요.
📷 사진 3 태그와 트리거 관계를 그린 도식
Alt: 태그 트리거 변수 관계
(이 상자를 내 사진으로 바꿔 주세요)
📷 사진 4 트리거 설정 화면
Alt: GTM 트리거
(이 상자를 내 사진으로 바꿔 주세요)
설치 방법
- GTM 계정과 컨테이너를 만들어요. 컨테이너는 사이트 하나에 해당해요.
- 발급된 설치 코드 두 부분을 사이트의 지정된 위치(머리 부분과 본문 시작 부분)에 넣어요.
- 워드프레스 같은 플랫폼은 플러그인이나 설정 메뉴로 넣을 수 있어요. 기본 설정은 워드프레스 글에서 다뤘어요.
- 미리보기 모드로 사이트에 접속해 GTM이 연결됐는지 확인해요.
외주로 사이트를 만든다면 처음부터 GTM 설치를 요청 범위에 넣어 두면 좋아요. 외주 범위 정리는 홈페이지제작비용 글을 참고하세요.
📷 사진 5 미리보기 디버깅 화면
Alt: GTM 미리보기
(이 상자를 내 사진으로 바꿔 주세요)
대표적인 추적 설정
1. 분석 도구 기본 태그
GA4 측정 ID로 구글 태그를 만들고 모든 페이지에서 실행되게 설정해요. GA4 개념은 GA4 글에서 정리했어요.
2. 버튼 클릭 추적
클릭 관련 기본 변수를 켜고, 특정 버튼 문구나 링크 주소를 조건으로 하는 클릭 트리거를 만든 뒤 이벤트 태그를 연결해요.
3. 폼 제출 추적
폼 제출 트리거를 쓰거나, 제출 후 이동하는 완료 페이지 조회를 조건으로 잡아요. 완료 페이지 방식이 더 안정적인 경우가 많아요.
4. 광고 전환 추적
광고 플랫폼의 전환 태그를 만들고 구매 완료나 문의 완료 조건에 연결해요. 광고 측 설정은 구글애즈 글을 참고하세요.
📷 사진 6 클릭 트리거 조건을 설정하는 화면
Alt: GTM 클릭 트리거 설정
(이 상자를 내 사진으로 바꿔 주세요)
미리보기와 디버깅
설정을 게시하기 전에 반드시 미리보기 모드로 확인하세요. 미리보기 창에서 페이지를 이동하고 버튼을 눌러 보면 어떤 태그가 실행됐고 어떤 태그가 실행되지 않았는지 볼 수 있어요. 실행되지 않았다면 트리거 조건의 변수 값이 예상과 같은지 확인하세요. 분석 도구의 실시간 화면과 디버그 화면에서도 이벤트가 들어오는지 함께 보세요.
운영 규칙
- 태그와 트리거 이름에 "도구_종류_대상" 같은 규칙을 정해 써요.
- 게시할 때마다 버전 이름과 변경 내용을 적어요.
- 사용하지 않는 태그는 정리해 사이트 속도와 혼란을 줄여요.
- 관리 권한은 필요한 사람에게만 주고, 게시 권한은 더 좁게 관리해요.
주의할 점
GTM으로는 어떤 스크립트든 넣을 수 있기 때문에 출처가 불분명한 코드를 넣으면 보안 문제가 생길 수 있어요. 태그가 너무 많으면 페이지 로딩이 느려질 수 있으니 꼭 필요한 것만 운영하세요. 추적 코드와 쿠키 사용은 개인정보 처리방침에 안내해야 해요. 방문자 수치가 갑자기 두 배가 됐다면 분석 태그가 사이트 코드와 GTM에 중복 설치됐는지 의심해 보세요. 수치 이상 진단은 블로그방문자 글에서도 다뤘어요.
GTM, 버튼 클릭을 추적할 때
추적할 버튼을 정하고 클릭 트리거와 조건을 설정한 뒤 미리보기로 실제 클릭이 잡히는지 확인해 보세요. 잡히는 것을 확인한 뒤 게시하면 안전해요. 태그는 무엇을 보낼지, 트리거는 언제 보낼지, 변수는 어떤 값을 쓸지라고 생각하면 정리돼요.
GTM 체크리스트
| 항목 | 확인할 것 | 체크 |
|---|---|---|
| 개념 | 태그·트리거·변수 | ☐ |
| 설치 | 컨테이너 코드 | ☐ |
| 추적 | 클릭·폼 제출 | ☐ |
| 디버깅 | 미리보기 | ☐ |
| 운영 | 이름·버전 규칙 | ☐ |
처음 한 주 실습 계획
첫날에는 컨테이너를 만들고 설치 코드를 넣어요. 둘째 날에는 분석 기본 태그를 만들고 미리보기로 확인한 뒤 게시해요. 셋째 날부터는 버튼 클릭, 폼 제출, 외부 링크 클릭을 하나씩 추가해 보세요.
GTM 감정 카드: GTM 앞에서 이런 마음이라면
읽다가 마음이 머문 대목이 있었다면, 지금 내 상태와 가장 가까운 카드를 골라 보세요.
📷 사진 7 버전 게시 화면
Alt: GTM 게시
(이 상자를 내 사진으로 바꿔 주세요)
자주 묻는 질문
GTM 운영 규칙은 왜 필요한가요?
여러 사람이 태그를 고치면 중복이나 충돌이 생기기 쉬워요. 이름 규칙과 버전 메모를 정해 두면 관리가 쉬워요.
GTM은 무료인가요?
기본 버전은 무료로 쓸 수 있어요.
GTM을 쓰면 개발자가 필요 없나요?
처음 설치와 복잡한 데이터 전달은 개발 도움이 필요할 수 있어요.
설정했는데 이벤트가 안 잡혀요.
미리보기로 트리거 조건과 변수 값을 확인하고, 게시했는지도 확인하세요.
GA4만 쓰는데도 GTM이 필요할까요?
추적할 이벤트가 많아질수록 GTM으로 관리하는 편이 편해요.
마무리
GTM은 태그, 트리거, 변수 세 가지만 이해하면 추적 관리가 훨씬 쉬워져요. 분석 기본 태그와 버튼 클릭 추적 하나부터 직접 설정해 보세요.
함께 읽으면 좋은 글
이 글, 어땠어요?
별을 눌러 평가해 주세요. 한 사람당 한 번만 세요.
아직 평가가 없어요. 첫 평가를 남겨 주세요.
💬 댓글
- 첫 댓글을 남겨 주세요.
