구글 태그 매니저(GTM) 설치·사용법: 태그·트리거·문의 전환까지

구글 태그 매니저(GTM)는 홈페이지에 들어가는 각종 분석·광고 코드를 한곳에서 관리하는 구글의 무료 도구입니다. 이 가이드는 마케팅·총무 담당자가 GTM을 처음 설치하고, GA4를 연결하고, 「문의 완료」를 전환으로 잡아 게시하기까지의 순서를 2026년 10월 화면 기준으로 정리했습니다. 설치 방법만 다루는 글과 달리, 실무에서 전환이 자주 누락되는 원인과 확인 방법까지 함께 담았습니다.

구글 태그 매니저(GTM)란?

구글 태그 매니저는 홈페이지 소스 코드를 매번 고치지 않고, 웹 화면에서 분석·광고 스크립트를 추가하고 수정할 수 있게 해 주는 태그 관리 도구입니다. 홈페이지에는 GTM 설치 코드 한 벌만 넣고, GA4·구글 애즈·메타 픽셀·네이버 광고 스크립트 같은 나머지 코드는 GTM 화면에서 등록합니다.

도입 전에는 광고 매체를 하나 추가할 때마다 개발자에게 코드 삽입을 요청해야 했습니다. GTM을 쓰면 담당자가 직접 태그를 추가하고, 게시 전에 미리보기로 확인하고, 문제가 생기면 이전 버전으로 되돌릴 수 있습니다. 웹 컨테이너는 무료로 사용할 수 있습니다.

태그·트리거·변수, 세 가지 개념

GTM 작업은 태그(무엇을 보낼지), 트리거(언제 보낼지), 변수(어떤 값을 쓸지) 세 가지 조합으로 이뤄집니다. 작업공간 왼쪽 메뉴의 「태그」「트리거」「변수」가 각각 이 개념에 해당합니다.

예를 들어 「문의 완료 시 GA4에 generate_lead 이벤트를 보낸다」는 작업은 GA4 이벤트 태그(무엇을)와 문의 완료 트리거(언제)를 묶는 일입니다. 변수는 「경로가 /thanks 를 포함할 때」처럼 조건을 좁힐 때 씁니다. 기본 제공 변수 중 필요한 항목은 변수 메뉴의 「기본 제공 변수」에서 켜야 트리거 조건에 나타납니다.

GTM 설치 방법: 계정·컨테이너 만들기부터 코드 삽입까지

GTM 설치는 계정과 컨테이너를 만든 뒤, 발급된 코드 2개를 홈페이지 모든 페이지에 넣는 순서로 진행합니다. 코드 삽입만 끝나면 이후 작업은 모두 GTM 화면에서 합니다.

1. 계정과 컨테이너 만들기

1. tagmanager.google.com에 회사에서 관리하는 구글 계정으로 로그인합니다.
2. 「계정」 탭에서 「계정 만들기」를 누르고 계정 이름(회사명)과 국가를 입력합니다.
3. 컨테이너 이름에 사이트 주소(예: www.example.co.kr)를 입력하고, 타겟 플랫폼은 「웹」을 고릅니다.
4. 「만들기」를 누르고 서비스 약관에 동의하면 설치 코드 창이 열립니다.

2. 설치 코드 2개 넣기

GTM은 코드 두 개를 줍니다. 첫 번째 코드는 <head> 안에서 가능한 한 위쪽에, 두 번째 코드(<noscript>)는 <body> 여는 태그 바로 뒤에 넣습니다. 모든 페이지에 공통으로 들어가는 헤더 파일(레이아웃 파일)에 한 번 넣으면 전 페이지에 적용됩니다.

코드를 넣은 뒤에는 설치 안내 창의 웹사이트 테스트 기능이나 미리보기(Tag Assistant)로 컨테이너가 인식되는지 확인합니다.

3. 워드프레스에 설치하는 방법

워드프레스는 세 가지 방법 중 하나를 고르면 됩니다.

• Site Kit by Google 플러그인: 구글이 만든 공식 플러그인으로, Search Console·Analytics·Tag Manager 등을 워드프레스 관리자 화면에서 연결합니다. 코드를 직접 다루지 않아도 됩니다.
• 헤더·푸터 코드 삽입 플러그인: head 영역과 body 시작 영역에 코드를 붙여 넣는 칸을 제공하는 플러그인을 씁니다. body 시작 위치를 지원하는지 확인하세요.
• 테마 파일 직접 수정: header.php에 코드를 넣습니다. 테마를 업데이트하면 수정 내용이 사라질 수 있으니 자식 테마에서 작업합니다.

GTM에 GA4 연결하기

GTM으로 GA4를 연결하려면 「Google 태그」 유형의 태그를 만들고 GA4 측정 ID(G-로 시작)를 넣은 뒤, 모든 페이지에서 실행되도록 트리거를 붙이면 됩니다.

1. 작업공간 왼쪽 「태그」에서 「새로 만들기」를 누릅니다.
2. 「태그 구성」을 눌러 태그 유형으로 「Google 태그」를 고릅니다.
3. 「태그 ID」 칸에 GA4 데이터 스트림의 측정 ID(G-XXXXXXXXXX)를 입력합니다.
4. 「트리거」에서 페이지가 열릴 때 가장 먼저 실행되는 초기화 트리거(Initialization – All Pages)를 고릅니다. 한국어 화면에서도 이 트리거 이름은 영어 그대로 표시됩니다.
5. 태그 이름을 「GA4 – Google 태그」처럼 알아보기 쉽게 정하고 저장합니다.

문의 완료를 전환으로 잡는 트리거 예시

기업 홈페이지에서 가장 중요한 전환은 문의 접수입니다. GTM에서 문의 완료를 잡는 방법은 크게 세 가지이며, 홈페이지 구조에 따라 맞는 방법이 다릅니다. 기준은 하나입니다. 「실제로 접수가 성공한 순간」에만 실행되어야 합니다.

왜 맞춤 이벤트 방식을 권장하는가

요즘 홈페이지 문의 폼은 대부분 화면 이동 없이 전송되고, 같은 페이지에 「접수되었습니다」 문구만 띄웁니다. 이런 구조에서는 완료 페이지 주소가 바뀌지 않아 ①번 트리거가 영영 실행되지 않습니다. ②번 양식 제출 트리거는 「유효성 확인」 옵션을 켜면 정상 제출일 때만 실행되도록 할 수 있지만, 폼을 자바스크립트로 직접 전송하는 구조에서는 제출을 감지하지 못하는 경우가 있습니다.

가장 확실한 방법은 서버가 접수 성공을 돌려준 그 지점에서 GTM에 신호를 보내는 것입니다. 개발자에게 아래 코드를 제출 성공 처리 부분에 넣어 달라고 요청하세요.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ event: 'generate_lead', form_name: 'contact' });

그다음 GTM에서 아래처럼 설정합니다.

1. 트리거: 「새로 만들기」 > 트리거 유형 「맞춤 이벤트」 > 이벤트 이름 generate_lead 입력 > 저장
2. 태그: 「새로 만들기」 > 태그 유형 「Google 애널리틱스: GA4 이벤트」 > 측정 ID 입력 > 이벤트 이름 generate_lead > 위 트리거 연결 > 저장
3. GA4: 데이터가 들어오면 GA4 관리 > 데이터 표시 > 이벤트에서 generate_lead를 주요 이벤트로 표시합니다.

같은 트리거에 구글 애즈 전환 태그나 메타·네이버 픽셀의 전환 태그를 함께 붙이면, 매체마다 따로 설정할 필요 없이 한 번의 신호로 모든 도구에 전환이 기록됩니다.

전환을 어디에 두고 어떤 경로로 유도할지는 랜딩페이지 전환율 높이는 구조 설계 가이드와 CTA 버튼 기획 가이드를 함께 참고하세요.

미리보기로 확인하고 게시하기

GTM에서 저장한 태그는 「제출」해서 게시하기 전까지 실제 사이트에 반영되지 않습니다. 게시 전에는 반드시 미리보기로 태그가 의도한 순간에 실행되는지 확인합니다.

미리보기(Tag Assistant)로 확인하기

1. 작업공간 오른쪽 위 「미리보기」를 누르면 새 탭에서 Google Tag Assistant가 열립니다.
2. 사이트 주소를 입력하고 연결하면 디버그 모드로 사이트가 열립니다.
3. 사이트에서 테스트 문의를 실제로 접수합니다.
4. Tag Assistant 왼쪽 이벤트 목록에서 generate_lead가 생겼는지, 그 이벤트에서 GA4 이벤트 태그가 「실행됨(Fired)」으로 나오는지 확인합니다.

게시하기

1. 미리보기에서 이상이 없으면 오른쪽 위 「제출」을 누릅니다.
2. 버전 이름과 설명을 입력합니다. 예: 「2026-10-01 문의완료 전환 추가」
3. 「게시」를 누르면 실제 사이트에 반영됩니다.

게시한 버전은 「버전」 메뉴에 쌓이고, 문제가 생기면 이전 버전을 다시 게시해 되돌릴 수 있습니다. 버전 설명에 「무엇을 왜 바꿨는지」를 적어 두면 담당자가 바뀌어도 이력을 따라갈 수 있습니다.

GA4 직접 설치와 GTM 설치, 무엇이 다른가

GA4 하나만 쓰고 전환 추적이 필요 없다면 GA4 코드를 직접 넣는 것으로 충분합니다. 광고 매체가 둘 이상이거나 문의 전환을 여러 도구에 동시에 보내야 한다면 GTM이 관리 부담을 크게 줄입니다.

GTM을 쓰면 여러 스크립트가 한 컨테이너 안에서 실행되므로 순서도 신경 써야 합니다. 외부 파일을 불러오는 픽셀은 그 파일이 다 내려받아진 뒤에 호출 코드가 실행되어야 하고, 그렇지 않으면 호출이 조용히 무시됩니다. 매체 공식 템플릿이 있으면 맞춤 HTML보다 템플릿 태그를 우선 쓰고, 맞춤 HTML을 쓸 때는 미리보기와 Network 탭으로 실제 전송까지 확인하세요. 광고 매체로 전환을 보내는 구조는 리타겟팅 광고란? 원리부터 설정 방법까지 정리에서 자세히 다룹니다.

자주 묻는 질문

구글 태그 매니저는 무료인가요?

네. 일반 웹 컨테이너는 무료로 사용할 수 있습니다. 대규모 조직용 유료 제품(Tag Manager 360)이 따로 있지만, 기업 홈페이지 운영에는 무료 버전으로 충분합니다.

GTM을 설치하면 사이트가 느려지나요?

GTM 코드 자체는 비동기로 불러오도록 되어 있어 영향이 크지 않습니다. 다만 GTM 안에 태그를 많이 쌓을수록 실행할 스크립트가 늘어납니다. 쓰지 않는 매체의 태그는 일시중지하거나 삭제하고, 분기마다 태그 목록을 점검하세요.

SPA(페이지 이동 없이 화면만 바뀌는 사이트)에서는 페이지뷰가 어떻게 잡히나요?

React·Next.js 등으로 만든 사이트는 메뉴를 눌러도 페이지를 새로 불러오지 않아 첫 화면 외의 페이지뷰가 빠질 수 있습니다. GA4는 향상된 측정이 브라우저 기록 변경을 페이지뷰로 잡아 대부분 처리하고, 다른 매체 픽셀은 GTM의 「기록 변경(History Change)」 트리거로 페이지뷰를 다시 보내도록 설정합니다. 코드에서 이동할 때마다 GTM을 새로 넣는 방식은 중복 집계의 원인이 됩니다.

GTM 계정 권한은 누가 가져야 하나요?

소유 권한은 회사가 가져야 합니다. 제작사·대행사에는 해당 컨테이너의 게시 또는 수정 권한만 주고, 계약이 끝나면 회수하세요. GA4·서치콘솔도 같은 원칙입니다.

웹닷은 홈페이지를 만들 때 GTM 설치, 문의 접수 성공 시점의 전환 신호, GA4 연결을 빌드 단계에서 함께 처리합니다. 오픈 첫날부터 문의가 어느 경로에서 들어왔는지 확인할 수 있도록 구성하고, 계정 소유권은 고객사로 넘겨 드립니다.

정리

구글 태그 매니저는 분석·광고 코드를 한곳에서 관리하고, 게시 전에 검증하고, 문제가 생기면 되돌릴 수 있게 해 주는 도구입니다. 설치보다 중요한 것은 전환을 「접수 성공」 기준으로 정확히 잡는 일입니다. 퍼널 전체에서 전환 지점을 어떻게 설계할지는 마케팅 퍼널이란? 단계별 전환 설계법 총정리를 참고하세요.