# 디버그뷰로 GA4 태그 확인하기 GA4 Debugger 확장으로 디버그 모드를 켜고 GA4 콘솔의 DebugView에서 이벤트와 측정 ID를 확인하는 절차. - 카테고리: GA4 기본 환경 설정 - 소요 시간: 약 5분 - 난이도: 쉬움 - 업데이트: 2026.05.09 - 원문: /wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugview ## 목차 - [이 문서의 목적](#purpose) - [시작하기 전에](#before) - [1단계 · 확장 설치](#step-1) - [2단계 · 확장 ON](#step-2) - [3단계 · DebugView 진입](#step-3) - [4단계 · 이벤트 스트림](#step-4) - [5단계 · 측정 ID 일치 확인](#step-5) - [자주 묻는 질문](#faq) 본 가이드는 [**GA4 기본 태그 설치 확인하기**](/wiki/playbook/ga4-setup-checklist/ga4-base-tag-installation-checklist)의 두 가지 방법 중 하나로, GA4 콘솔의 **DebugView**에서 실시간 이벤트 흐름을 검증하는 절차를 안내합니다. DebugView는 ‘디버그 모드’가 켜진 세션의 이벤트만 보여주므로, 본인 브라우저의 디버그 모드를 먼저 켜야 합니다. 표준 방법은 **GA4 Debugger** 크롬 확장을 켠 채 광고주 사이트를 한 번 방문하는 것입니다. ## 시작하기 전에 - **광고주가 우리에게 GA4 권한을 부여했는가** — 분석가 이상이면 DebugView 조회 가능. - **Chrome 브라우저 사용** — GA4 Debugger 확장이 Chromium 계열에서만 동작. > **정보** > > **GA4 Debugger 확장은 ‘디버그 모드를 켜기 위한’ 도구입니다.** GA4 hit 데이터 자체를 보려면 별도의[Debugger for Google Analytics 확장](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension)이 필요합니다(다른 확장입니다). 두 도구의 역할은 명확히 구분되어 있어요. ## 1단계. 크롬 웹스토어에서 ‘GA4 Debugger’ 설치 크롬 웹스토어에서 [Google Analytics Debugger](https://chromewebstore.google.com/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna)를 설치합니다. 설치하면 브라우저 우측 상단 확장 아이콘 영역에 회색 톱니 모양 아이콘이 추가됩니다. ![Chrome 웹스토어의 ‘Google Analytics Debugger’ 확장 페이지. 우측에 ‘Chrome에 추가’ 버튼이 보이고, 좌측에 확장 아이콘과 제공자 정보(google.com), 별점, 사용자 수가 표시됨.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugview/01-store.png) > **화면 1.** 크롬 웹스토어 — **Google Analytics Debugger** 설치. ## 2단계. 광고주 사이트에서 확장 ON → 새로고침 광고주 사이트에 접속한 뒤, 브라우저 우측 상단 **GA4 Debugger** 아이콘을 클릭해 **ON**으로 토글합니다(아이콘이 색상 표시로 바뀌면 활성). 그 다음 페이지를 한 번 **새로고침**해야 디버그 모드 상태로 GA4 이벤트가 다시 발생합니다. ![hurdlers.kr이 열린 Chromium 브라우저. 주소창 오른쪽 확장 영역에 Google Analytics Debugger 아이콘이 컬러 + 초록색 ‘ON’ 배지로 활성 상태를 표시함.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugview/02-toggle-on.png) > **화면 2.** 사이트 접속 후 확장 아이콘이 **ON**으로 토글된 모습(우측 상단 확장 영역의 ‘ON’ 배지). > **정보** > > **대안 — URL 파라미터로 디버그 모드 켜기.** 광고주 사이트 URL 끝에`?debug_mode=true`를 붙여 접속해도 동일하게 디버그 모드 세션이 됩니다(예:`https://example.com/?debug_mode=true`). 확장 설치가 어려운 환경에서 임시로 사용 가능합니다. ## 3단계. GA4 광고주 속성 → 관리 → DebugView 진입 광고주가 우리에게 초대해 준 GA4 속성으로 진입합니다. 좌측 하단 ⚙️ 관리를 누른 뒤, **데이터 표시** 카테고리에서 DebugView를 선택합니다. ![GA4 관리 페이지. 좌측 사이드바에서 ‘속성 설정 → 데이터 표시’ 카테고리가 펼쳐져 있고, 그 안의 ‘DebugView’ 항목이 파란 외곽선으로 강조되어 있음.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugview/03-debugview-menu.png) > **화면 3.** 관리 → 데이터 표시 → **DebugView**. ## 4단계. 디버그 디바이스 + 이벤트 스트림 확인 화면 좌측 상단 **디버그 디바이스** 드롭다운에서 본인 세션을 선택하면 우측 가운데 영역에 **이벤트 스트림**이 실시간으로 흐릅니다. 광고주 사이트에서 링크를 클릭하거나 페이지를 이동하면 `page_view`·`session_start`·`user_engagement` 같은 기본 이벤트가 즉시 나타나는지 확인합니다. ![GA4 DebugView 화면. 좌측 ‘디버그 기기’ 타임라인에 활동 카운트가 누적되고, 가운데 ‘이벤트 스트림’ 영역에 page_view, click, select_content, user_engagement 카드가 시간순으로 흐르고 있음. 우측 ‘인기 이벤트’ 패널에는 page_view, user_engagement, click, scroll 등이 카운트와 함께 표시됨.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugview/04-debugview.png) > **화면 4.** DebugView — 디바이스 선택 후 이벤트 스트림이 흐르는 모습. ## 5단계. 측정 ID 일치 확인 데이터가 흐른다는 사실 자체보다 **어느 GA4 속성으로 흐르는지**가 중요합니다. 지금 보고 있는 GA4 속성의 **측정 ID**(관리 → 데이터 스트림 → 웹 스트림 우측 상단 `G-XXXXXXX`)와, 광고주 사이트가 실제로 보내는 측정 ID가 같은지 확인합니다. 사이트가 보내는 측정 ID는 [Debugger for Google Analytics 확장](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension)(DevTools)에서 가장 정확하게 볼 수 있습니다. > **주의** > > **DebugView에 데이터가 보인다 ≠ 우리 속성으로 들어오고 있다**입니다. 광고주가 여러 GA4 속성을 운영하거나 사이트에 다른 속성의 태그가 설치되어 있는 케이스가 많아, ‘이벤트가 보인다’만으로는 검증이 끝나지 않습니다. 측정 ID 매칭까지 반드시 확인해 주세요. ![GA4 ‘웹 스트림 세부정보’ 패널. ‘스트림 세부정보’ 섹션에 스트림 이름, 스트림 URL(https://hurdlers.kr), 스트림 ID, 그리고 우측 상단 ‘측정 ID’ 칸에 ‘G-XXXXXXXXX’ 형식의 값이 표시됨.](/wiki-assets/playbook/how-to-check-ga4-tags-with-debugview/05-measurement-id.png) > **화면 5.** 웹 스트림 세부정보 — 우측 상단 **측정 ID**. > **완료** > > **두 측정 ID가 일치하면 검증 완료입니다.** 일치하지 않으면 광고주에게 다시 확인을 요청해야 합니다([개요 가이드 — 측정 ID 일치 확인](/wiki/playbook/ga4-setup-checklist/ga4-base-tag-installation-checklist)참고). ## 자주 묻는 질문 ### 디버그 디바이스 드롭다운에 본인 기기가 안 나타납니다. 디버그 모드가 활성화된 상태로 광고주 사이트를 방문하지 않았기 때문입니다. 확장을 ON으로 토글한 뒤 사이트 페이지를 **한 번 더 새로고침**하고 1~2분 정도 기다리면 디바이스 목록에 표시됩니다. 그래도 안 나타나면 광고 차단 확장(uBlock Origin 등)이 GA4 요청을 막고 있는지 확인해 주세요. ### 사이트는 GA4 태그가 설치되어 있는데 디버그뷰엔 아무것도 안 보입니다. 지금 보고 있는 GA4 속성과 사이트에 설치된 측정 ID가 다른 경우입니다. 즉 데이터가 다른 GA4 속성으로 흐르고 있다는 뜻이니, [Debugger for Google Analytics 확장](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension)으로 사이트의 실제 측정 ID를 확인한 뒤 광고주에게 매칭 검증을 요청해 주세요. ### 이벤트 스트림이 너무 빨라 읽기 어려워요. 스트림 카드를 클릭하면 일시 정지되고 좌측에 이벤트 매개변수가 펼쳐집니다. 다시 흐름을 보려면 같은 카드를 한 번 더 클릭하거나 새 이벤트가 들어올 때까지 기다리시면 됩니다. ### ‘GA4 Debugger’와 ‘Debugger for Google Analytics’는 다른 확장인가요? 네, 다릅니다. 이 글에서 쓰는 **GA4 Debugger(또는 Google Analytics Debugger)**는 ‘디버그 모드를 켜는’ 용도이고, 콘솔/DevTools에는 별도 UI를 띄우지 않습니다. 사이트가 보내는 hit 자체를 raw로 들여다보고 싶다면 [Debugger for Google Analytics 확장](/wiki/playbook/ga4-setup-checklist/how-to-check-ga4-tags-with-debugger-extension)(DevTools에 ‘GA4 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)