# GA4 Debugger 확장으로 태그 확인하기 ‘Debugger for Google Analytics 4 (GA4)’ 크롬 확장으로 Chrome DevTools의 GA4 Debugger 탭에서 사이트가 전송하는 GA4 hit을 실시간 확인하는 절차. - 카테고리: GA4 기본 환경 설정 - 소요 시간: 약 3분 - 난이도: 쉬움 - 업데이트: 2026.05.09 - 원문: /wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension ## 목차 - [이 문서의 목적](#purpose) - [시작하기 전에](#before) - [1단계 · 확장 설치](#step-1) - [2단계 · DevTools 열기](#step-2) - [3단계 · GA4 Debugger 탭](#step-3) - [4단계 · hit 스트림 확인](#step-4) - [5단계 · 측정 ID 일치 확인](#step-5) - [자주 묻는 질문](#faq) 본 가이드는 [**GA4 기본 태그 설치 확인하기**](/wiki/playbook/ga4-setup-checklist/ga4-base-tag-installation-checklist)의 두 가지 방법 중 하나로, 크롬 확장 **Debugger for Google Analytics 4 (GA4)**(by gtm-msr)를 사용해 사이트가 보내는 hit을 raw로 검증하는 절차를 안내합니다. 이 확장은 Chrome DevTools 안에 **‘GA4 Debugger’ 탭**을 새로 띄워, 사이트와 상호작용할 때마다 GA4가 실제로 전송하는 hit(측정 ID·이벤트 이름·매개변수)을 실시간으로 표시합니다. **광고주 GA4 권한이 없어도** 사이트가 어느 측정 ID로 데이터를 보내고 있는지 즉시 확인할 수 있다는 점이 핵심 장점입니다. ## 시작하기 전에 > **정보** > > **이름이 비슷한 다른 확장과 혼동하지 마세요.** 디버그뷰에서 본인 기기를 보이게 만드는 ‘[GA4 Debugger / Google Analytics Debugger](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugview)’ 확장과는**다른 확장**입니다. 이름이 헷갈리지만 역할이 분명히 구분되어 있어, 두 가지를 모두 설치해 두고 상황에 따라 골라 쓰면 가장 빠릅니다. - **Chrome 브라우저** — 확장은 Chromium 계열에서만 동작합니다. - **광고주 GA4 권한은 필요 없음** — 사이트가 보내는 hit을 브라우저에서 직접 잡아 보여주기 때문에, GA4 콘솔 접근 없이도 측정 ID 확인이 가능합니다. ## 1단계. 크롬 웹스토어에서 ‘Debugger for Google Analytics 4 (GA4)’ 설치 크롬 웹스토어에서 [Debugger for Google Analytics 4 (GA4)](https://chromewebstore.google.com/detail/debugger-for-google-analy/nomnoimacbncclfbnfaingniikblfbji?hl=ko)(by gtm-msr.appspot.com)를 설치합니다. 이름이 비슷한 다른 확장이 많으니 반드시 위 링크의 확장 ID(`nomnoimacbncclfbnfaingniikblfbji`)를 확인해 주세요. ![Chrome 웹스토어의 ‘Debugger for Google Analytics 4 (GA4)’ 확장 페이지. 우측에 ‘Chrome에 추가’ 버튼이 보이고, 좌측 상단에 GA4 로고 아이콘과 제공자 ‘gtm-msr.appspot.com’ 정보가 표시됨.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugger-extension/01-store.png) > **화면 1.** 크롬 웹스토어 — **Debugger for Google Analytics 4 (GA4)**. ## 2단계. 광고주 사이트에서 DevTools 열기 광고주 사이트에 접속한 뒤 `F12` 또는 `⌥⌘I`로 Chrome DevTools를 엽니다. 이미 사이트를 열어둔 상태였다면 DevTools를 연 직후 페이지를 한 번 **새로고침**해야 hit이 다시 캡처됩니다. ![hurdlers.kr이 열린 Chromium 창의 우측에 DevTools가 도킹되어 함께 보이는 모습. DevTools 상단 탭 영역에 Elements, Console, Sources, Network 등이 보이고 Elements 패널이 활성화되어 페이지의 HTML 구조가 표시됨.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugger-extension/02-devtools-open.png) > **화면 2.** 광고주 사이트에서 **DevTools** 열기. ## 3단계. DevTools 상단 탭에서 ‘GA4 Debugger’ 선택 DevTools 상단 탭 영역에서 **‘GA4 Debugger’** 탭을 클릭합니다. 탭이 곧바로 보이지 않으면 우측 끝 ≫ 더보기를 눌러 목록에서 찾을 수 있습니다. ![Chrome DevTools 상단 탭 영역의 ‘≫ 더보기’ 오버플로우 메뉴가 펼쳐져 Performance, Memory, Application, Security, Lighthouse, Recorder 다음으로 ‘GA4 Debugger’ 항목이 체크된 상태로 보이고, 그 아래 패널에는 GA4 hit의 매개변수가 표시되고 있음.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugger-extension/03-devtools-tab.png) > **화면 3.** DevTools 상단 → **GA4 Debugger** 탭(필요하면 ≫ 더보기에서 선택). ## 4단계. hit 스트림 + 측정 ID 확인 사이트에서 링크를 클릭하거나 페이지를 이동하면 ‘GA4 Debugger’ 탭에 hit 행이 추가되며 흐릅니다. 각 행에는 **측정 ID(G-XXXXXXX)**·이벤트 이름·매개변수가 함께 표시되고, 행을 클릭하면 raw 매개변수가 펼쳐집니다. ![DevTools의 ‘GA4 Debugger’ 패널. 상단 필터 바에 Custom·Pageview·Automatic·Ecommerce·Recommended 체크박스가 있고, 본문에는 page_view 행이 펼쳐져 있어 측정 ID(G-XXXXXXX), 사이트 URL(https://hurdlers.kr), Event(Name: page_view, Document Location, Document Title) · User(Client ID, Google Consent Default 등) · Session(Hit Counter, Session Count, Session Engagement, Session ID) 매개변수가 컬럼으로 표시됨. 하단 Console 패널에는 ‘GTAG Command ](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugger-extension/04-hits.png) > **화면 4.** hit 스트림에 측정 ID·이벤트·매개변수가 한눈에 표시됨. > **주의** > > **한 페이지에서 측정 ID가 두 개 이상 출력될 수 있습니다.** 과거 대행사 태그가 그대로 남아 있거나 광고주가 GA4를 여러 개 운영 중인 케이스. 그중**우리가 초대받은 속성의 측정 ID**가 정상적으로 hit을 보내고 있는지가 핵심입니다. ## 5단계. 측정 ID 일치 확인 GA4 Debugger 탭에 출력되는 측정 ID와 광고주가 우리에게 초대해 준 GA4 속성의 측정 ID가 같은지 확인합니다. 광고주 속성의 측정 ID는 **관리 → 데이터 스트림 → 웹 스트림** 우측 상단 `G-XXXXXXX`에서 확인할 수 있습니다. > **완료** > > **두 측정 ID가 일치하면 검증 완료입니다.** 일치하지 않으면 광고주에게 다시 확인을 요청해야 합니다([개요 가이드 — 측정 ID 일치 확인](/wiki/playbook/ga4-setup-checklist/ga4-base-tag-installation-checklist)참고). ## 자주 묻는 질문 ### DevTools에 ‘GA4 Debugger’ 탭이 안 보입니다. 탭 영역 우측 끝의 ≫ 더보기 버튼을 눌러 숨겨진 탭 목록을 확인해 주세요. 그래도 없다면 확장이 정상 설치되었는지(`chrome://extensions`에서 **Debugger for Google Analytics** 활성), 그리고 DevTools를 한 번 닫았다 다시 열었는지 확인해 주세요. ### 탭은 열렸는데 hit이 한 건도 안 찍힙니다. 먼저 페이지를 한 번 새로고침해 보세요. 그래도 비어 있다면 사이트에 GA4 태그가 설치되어 있지 않거나, 광고 차단 확장(uBlock Origin 등)이 GA4 요청을 차단하고 있을 가능성이 높습니다. 확장 차단 목록에서 광고주 도메인을 임시로 허용하고 다시 확인해 주세요. ### 측정 ID가 두 개 이상 보입니다. 광고주 사이트에 GA4 태그가 여러 개 설치되어 있다는 뜻입니다. 과거 대행사 태그가 잔존하거나 광고주가 GA4를 복수로 운영 중인 케이스. 그중 **우리가 초대받은 속성의 측정 ID**가 정상 송신 중인지를 우선 확인하고, 나머지 측정 ID에 대해서는 광고주에게 ‘이 태그가 의도된 것인지’ 한 번 더 검증을 요청해 주세요. ### ‘GA4 Debugger’와 ‘Google Analytics Debugger’는 다른 확장인가요? 네, 이 글에서 쓰는 **Debugger for Google Analytics**(by gtm-msr, 확장 ID `nomnoimacbncclfbnfaingniikblfbji`)는 DevTools에 별도 탭을 띄워 hit을 보여주는 확장이고, [디버그뷰 가이드](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugview)의 ‘GA4 Debugger / Google Analytics Debugger’는 디버그 모드를 켜기만 하는 확장입니다. 헷갈리지 않게 두 글의 링크를 따라가서 각각 설치해 두세요. ## Navigation - [전체 플레이북 Markdown sitemap](/wiki/playbook/sitemap.md) ### GA4 기본 환경 설정 - [GA4 기본 환경 설정](/wiki/playbook/ga4-setup-checklist) - [GA4 데이터 보관 설정](/wiki/playbook/ga4-setup-checklist/how-to-set-ga4-data-retention) - [GA4 · 서치콘솔 연동하기](/wiki/playbook/ga4-setup-checklist/how-to-link-ga4-with-search-console) - [GA4 향상된 측정 이벤트 끄기](/wiki/playbook/ga4-setup-checklist/how-to-disable-ga4-enhanced-measurement) - [소스/매체 레퍼럴 제외](/wiki/playbook/ga4-setup-checklist/how-to-exclude-referrals-in-ga4) - [IP 제외 설정](/wiki/playbook/ga4-setup-checklist/how-to-exclude-internal-ip-in-ga4) - [교차 도메인 설정](/wiki/playbook/ga4-setup-checklist/how-to-set-up-cross-domain-measurement-in-ga4) - [Google 신호 데이터 수집](/wiki/playbook/ga4-setup-checklist/how-to-enable-google-signals-data-collection) - [BigQuery 연동](/wiki/playbook/ga4-setup-checklist/how-to-link-ga4-with-bigquery) - [Google Ads 연동](/wiki/playbook/ga4-setup-checklist/how-to-link-ga4-with-google-ads) - [Firebase 연동](/wiki/playbook/ga4-setup-checklist/how-to-link-ga4-with-firebase) - [주요 이벤트 설정](/wiki/playbook/ga4-setup-checklist/how-to-mark-key-events-in-ga4) - [GA4 기본 태그 설치 확인하기](/wiki/playbook/ga4-setup-checklist/ga4-base-tag-installation-checklist) - [디버그뷰로 GA4 태그 확인하기](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugview) - [GA4 Debugger 확장으로 태그 확인하기](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension) (현재 문서)