웹사이트에 Google Analytics 설정 방법 - 단계별 가이드

권장사항: 데이터 수집을 시작하기 위해 GA4 속성을 설정하고 모든 페이지에 전역 사이트 태그(gtag.js)를 설치하세요. 준비된 가이드 흐름과 단일 창을 사용하여 코드를 복사 및 붙여넣기하세요.

Google Analytics 계정에서 드롭다운을 사용하여 데이터 스트림 유형으로 웹을 선택하세요. 속성에 고유하고 설명적인 이름을 선택하고 측정 매개변수가 GA4인지 확인하세요. 이는 page_title, page_location, 장치 카테고리와 같은 차원별로 데이터를 구성하는 데 도움이 됩니다. 깔끔한 설정은 분석을 더 원활하게 만듭니다.

사이트 코드에 직접 태그를 수동으로 설치하거나 자동 배포를 위해 Google Tag Manager를 사용할 수 있습니다. 수동으로 진행하는 경우, 모든 페이지의 head 태그에 스니펫을 직접 삽입하세요. GTM에서 새로운 GA4 구성 태그를 만들고 게시하세요. 나중에 ID를 변경하고 싶다면 측정 ID를 변경하지 마세요.

태그의 측정 ID가 GA4 인터페이스에 표시된 것과 일치하는지 다시 확인하세요. ID와 속성 이름의 오타를 주의하세요; 작은 오타로 인해 데이터가 나타나지 않을 수 있습니다. 설정 창에서 데이터 스트림이 활성 상태인지 확인하고 Real Time에서 최근 활동 징후를 볼 수 있는지 확인하세요. 문제가 보이면 멈추고 다시 확인하세요.

page_view, 스크롤, 클릭과 같은 작업을 캡처하기 위해 기본 이벤트와 매개변수를 구성하세요. event_name 및 page_location과 같은 매개변수를 사용하여 컨텍스트를 캡처하세요. Measurements 섹션에서 향상된 측정을 활성화하여 코드를 추가하지 않고도 표준 이벤트를 자동으로 수집하세요. 이러한 이벤트를 목표와 대상에 맞게 설정했는지 확인하세요.

설치 후 데이터 수집을 확인하려면 페이지를 방문하고 Real-Time 보고서를 확인하세요. 데이터가 보이면 전체 하루 창으로 모니터링을 확장하여 추세를 확인하고 목표를 조정하세요. 여러 사이트를 관리하는 경우 별도의 계정을 만들지 않고 성능을 비교할 수 있도록 동일한 GA4 속성을 고유한 데이터 스트림으로 재사용하세요.

도움이 필요하면 팀이나 신뢰할 수 있는 분석 파트너에 문의하세요. 시스템은 도시, 장치, 소스와 같은 주요 차원을 보여주며 캠페인과 콘텐츠를 최적화하는 데 도움이 됩니다.

다음 단계: 전환을 설정하고 목표를 정의한 후 관리 설정을 검토하고 변경 전에 GA4로 데이터가 흐르는지 다시 확인하세요. 전용 창에서 데이터를 모니터링하고 인사이트를 최신 상태로 유지하기 위해 필요에 따라 조정하세요.

Method 1: Set Up GA4 With Google Tag Manager

디지털 존재 전반에 걸쳐 GA4를 설치하여 태그를 빠르게 중앙화하고 일반 사이트 아키텍처에서 사용되는 템플릿을 지원하세요.

모든 페이지에 GTM이 설치되어 있는지 확인하세요. 그렇지 않다면 컨테이너 스니펫을 일반 사이트 템플릿에 삽입하여 장치 전반에 로드되도록 하고 모든 페이지를 커버할 수 있도록 하세요.

GTM에서 내장 템플릿을 사용하여 GA4 구성 태그를 만드세요. 측정 ID를 입력하고 섹션 및 장치 전반의 방문 추적을 시작하기 위해 기본 page_view를 활성화하세요.

트리거 설정: 구성 태그에 대해 모든 페이지(All Pages)를 설정하세요. "site-nav__linkmain" 링크 클릭, 양식 제출, 비디오 재생과 같은 주요 상호작용에 대한 GA4 이벤트 태그를 추가하세요. 데이터가 깨끗한 매개변수와 함께 GA4로 전송되도록 정확한 트리거를 사용하세요.

단일 진실의 원천을 유지하기 위해 이벤트를 스프레드시트 또는 파일에 매핑하고 page_view, click, form_submit, video_start와 같은 네 가지 일반적인 경우와 정렬하세요. 이는 팀원이 이벤트를 탐색하고 섹션 전반에 변경을 조정할 수 있도록 합니다.

테스트: 게시 전에 태그가 발동하는지 확인하기 위해 GTM Preview를 활성화하세요. 게시 후 GA4의 실시간 보고서를 확인하여 데이터 스트림에 트랙이 나타나는지 확인하세요. 문제가 발생하면 dataLayer와 일반 설정을 검토하여 예상 매개변수와 함께 이벤트가 전송되었는지 확인하세요.

마이그레이션 팁: 다른 분석 도구에서 마이그레이션하는 경우 해당 시스템에서 주요 이벤트를 내보내고 템플릿에서 GA4 이벤트로 매핑한 후 게시물이나 가이드에 매핑을 문서화하세요. 템플릿과 매핑을 공유 폴더에 저장하여 소유자가 변경 사항을 인지할 수 있도록 하세요.

지속 관리: 장치 전반의 커버리지를 확인하고 GTM 작업 공간의 네 섹션–Tags, Triggers, Variables, Data Layer–을 사용하여 변경을 구성하고 바쁜 사이트에서 충돌을 피하세요. 각 업데이트 후 편집기를 닫고 준비되면 다시 게시하세요.

Check Prerequisites: Google Account, GTM Container, and GA4 Property

Google 계정이 없으면 Google 계정을 만들고 로그인한 후 사이트(웹)에 대한 GTM 컨테이너와 그 순서로 GA4 속성을 만드세요. 이 세 가지–Google 계정, GTM 컨테이너, GA4 속성–는 사이트 코드를 건드리지 않고 신호를 캡처하고 태그를 제어하는 다른 기반을 제공합니다. 이 설정은 woocommerce 스토어를 포함한 다른 사이트에서 작동하며 제품 관련 추적을 위한 견고한 기반을 마련합니다.

GTM에서 기본 이름과 웹 유형으로 컨테이너를 만들고 사이트에 컨테이너 스니펫을 설치하세요. 이는 태그가 즉시 발동할 수 있게 합니다. 일반적인 접근 방식: Page View 태그, menu_click 트리거, GA4 구성 태그를 구성하세요. woocommerce 사이트의 경우 product_view와 add_to_cart 이벤트를 캡처하도록 설정하세요.

GA4에서 웹사이트에 대한 데이터 스트림을 만들고 측정 ID를 GTM의 GA4 구성 태그에 복사하세요. 이 설정은 이벤트가 캡처되도록 하고 나중에 사용자 지정 이벤트로 확장할 수 있습니다. label 및 product와 같은 이벤트 매개변수에 대한 매크로를 구현하여 상호작용 순간 전반에 일관성을 유지하는 데 도움이 됩니다.

GTM Preview 모드에서 테스트하여 이벤트가 발동하고 GA4에서 올바르게 캡처되는지 확인한 후 DebugView를 사용하여 확인하세요. 디버깅에서 격차가 드러나면 GTM 계정의 설치 위치와 권한을 확인하세요; 디버깅 단계를 거치고 태깅 표준의 다가오는 업데이트를 준비하세요. 검증한 내용을 구조화된 요약으로 유지하세요.

데이터 보존 정책을 설정하고 개인정보 보호 요구사항을 처리하세요. GA4와 GTM에서 page_view, click, purchase와 같은 일반 이벤트를 구분하기 위해 몇 가지 레이블을 만들고 보고서 길이를 관리 가능하게 유지하세요. 이는 장기 보존과 원활한 보고를 돕습니다.

다음으로 woocommerce 스토어의 다른 제품 페이지와 결제 단계에 대한 추가 이벤트를 사용자 지정하세요. GTM의 설치 단계에서 macro_checkout_complete 또는 woocommerce_order_completed와 같은 사용자 지정 이벤트를 추가하여 데이터를 세밀하게 조정하세요. 구현한 내용을 간결한 요약으로 유지하고 보존 설정 및 전환 경로를 검토하여 매크로 기반 보고 접근 방식을 개선하세요. 실용적인 디버깅과 테스트에서 더 많은 팁이 나오므로 다음 순간에 개선 사항으로 돌아올 수 있습니다.

Create GA4 Property and Data Stream

GA4 속성을 만들고 웹 데이터 스트림을 추가하여 즉시 인사이트를 얻기 시작하세요. Google Analytics에서 Admin으로 이동하여 Create Property를 클릭하고 일반 세부 정보–속성 이름, 시간대, 통화–를 입력하세요. 확인 후 GA4가 주요 측정 프레임워크를 설정하고 필요에 맞게 일반 설정을 조정할 수 있습니다. 이 단계는 데이터 수집 범위를 설정하고 미래 보고를 위한 흔적을 시작합니다.

웹 데이터 스트림 설정: 웹을 선택하고 사이트 URL, 스트림 이름 입력, 페이지 뷰, 스크롤, 클릭 등을 캡처하기 위해 향상된 측정을 활성화하세요. 이는 사이트를 GA4에 연결하는 측정 ID를 생성하며 데이터 수집을 위한 내장 제어를 가능하게 합니다. 모바일 앱도 운영하는 경우 앱 데이터를 별도로 유지하면서 단일 속성에 연결하기 위해 별도의 앱 스트림을 추가하세요.

스니펫 설치 또는 Tag Manager 사용: GA4는 내장 스니펫과 GTM 통합을 제공합니다. 스니펫을 사이트 헤더에 붙여넣거나 Tag Manager를 통해 배포하세요. 스니펫은 다음과 같습니다: gtag('config', 'G-XXXXXXXXXX'); 플레이스홀더를 실제 측정 ID로 교체하세요. 완료 후 사이트를 방문하여 실시간 보고서에 데이터가 도착하는지 확인하세요.

데이터 흐름 확인 및 오디언스 세그먼트 생성: 실시간 보고서를 사용하여 이벤트가 발동되고 데이터가 속성에 들어오는지 확인하세요. 특정 이벤트 매개변수를 캡처하기 위해 변수를 사용하고 보고를 위한 인사이트를 맞춤화하세요. 행동, 장치, 위치별로 오디언스 세그먼트를 구축하여 대상 테스트와 개인화된 메시징을 지원하세요. 데이터 스트림의 범위는 추적하는 이벤트를 반영하는 보고서를 정의합니다.

통합 및 지속 최적화: GA4 속성을 Google Ads, Search Console, 다른 플랫폼과 연결하여 인사이트를 확대하세요. 클릭의 경우 사용자 지정 클래스 적용 및 link_classes 규칙으로 추적하여 참여 데이터를 풍부하게 하세요. 이는 많은 권장 대시보드와 클라이언트와의 쉬운 공유를 지원합니다. 완료 후 빠른 감사를 실행하고 이해관계자에게 변경 사항을 알리며 주요 보고서를 사용하여 채널 및 장치 전반의 성능을 보여주세요.

Install Google Tag Manager on Your Website

문서에 설명된 대로 GTM 컨테이너를 설치하고 코드 블록을 배치하세요. 두 부분 스니펫은 창에 로드되어 사이트 섹션 전반의 클릭 및 전환과 같은 측정을 가능하게 합니다. head 스크립트를 복사하고 noscript iframe: head 스크립트를 열리는 <head> 태그 바로 후에 삽입하고 noscript iframe을 열리는 <body> 태그 바로 후의 body에 배치하여 장치에서 성능을 안정적으로 유지하세요.

GTM에서 태그, 트리거, 변수를 구성하세요. 이는 사이트를 측정 도구와 연결하는 중앙화된 접근 방식을 제공합니다. 기본 구성은 GA4와 Google Ads를 커버합니다; 판매 이정표, 양식 제출, 제품 상호작용에 대한 이벤트를 추가하는 것은 간단합니다. UI를 사용하여 항목을 추가하고 태그 유형을 선택하며 트리거를 선택한 후 저장하세요. 테스트와 라이브 간에 토글하여 결과를 비교하고 장치 전반에 올바른 데이터를 캡처하는지 확인할 수 있습니다.

설정을 확인하고 문제를 조기에 포착하기 위해 Preview 모드(디버깅)를 사용하세요. Preview 패널은 태그가 언제 발동하는지 보여줍니다. 검색 필드를 사용하여 특정 기능을 찾고 페이지를 탐색하면서 window.dataLayer 항목을 확인하세요. 패널의 화살표는 각 태그의 세부 정보를 확장할 수 있게 합니다. 수동 태깅과 달리 이 방법은 문서를 깔끔하게 유지하고 캠페인에 작업하는 관리자를 위한 중복을 줄입니다.

단계	작업	노트
1	웹사이트에 대한 Google Tag Manager 계정과 컨테이너 생성	도메인당 단일 컨테이너 사용; 기본 명명은 팀 간 공유를 돕습니다
2	GTM 스니펫 설치	head 스크립트를 <head>에, noscript iframe을 열리는 태그 후 <body>에 배치
3	GA4 태그와 필요한 트리거 추가	GA4 데이터 스트림 연결; view_item, add_to_cart와 같은 이벤트 이름 설정
4	미리보기 및 디버깅	Preview 클릭, 페이지 탐색, 발동 및 dataLayer 관찰, 기능 검색
5	게시 및 모니터링	변경 사항 릴리스, 실시간 및 전환 모니터링, 변경 후 구성 재방문

Configure GA4 Configuration Tag in GTM

GTM에서 GA4 측정 ID를 사용하여 GA4 구성 태그를 만들고 모든 페이지(All Pages)에서 발동하도록 활성화하세요. 이는 웹과 앱을 위한 견고한 데이터 기준을 생성하며 page_view와 세션 신호를 일관되게 캡처합니다.

1. 태그 구성: GTM에서 Tag > New > Tag Configuration > Google Analytics: GA4 Configuration을 클릭하세요. 측정 ID(G-XXXXXXXXXX)를 입력하고 GA4 속성 이름이 GA4 속성과 일치하는지 확인하세요. 이는 제품 및 앱 전반에 데이터를 정렬합니다.

2. 설정 필드: 핵심 필드를 기본값으로 두세요. 추가 컨텍스트를 전달해야 하는 경우 page_title 및 page_path와 같은 필드를 추가하세요. 파일 다운로드 추적의 경우 file_download라는 매개변수와 관련 값을 추가할 수 있지만 기본 설정에서는 선택적입니다.

3. 페이지 뷰 전송: 로드 시 페이지 뷰 전송을 활성화하여 초기 페이지 신호가 모든 페이지 로드 시 자동으로 전송되도록 하세요. 이는 첫 페이지 노출을 캡처하기 위한 별도 이벤트를 줄입니다.

4. 트리거: 태그를 모든 페이지(All Pages)에서 발동하도록 설정하세요. 동적 라우팅을 사용하는 사이트의 경우 단일 페이지 업데이트를 포착하기 위해 라우트 변경에 대한 작은 추가 트리거를 고려하세요.

5. 중복 제어: 이전 GA 태그를 교체한 경우 이전 것을 활성화된 상태로 두지 마세요. 한 번에 중복을 제거하여 왜곡된 지표와 이중 계산을 피하세요.

6. 명명 및 아이콘: 태그를 명확하게 명명하세요, 예: GA4 Configuration - Main, 그리고 목록에서 빠르게 식별하기 위해 아이콘에 의존하세요. 이는 분석에 작업하는 팀원이 빠른 검색과 쉬운 탐색을 돕습니다.

7. 테스트: Preview 모드를 사용하고 GA4 DebugView를 확인하여 여러 페이지에서 page_view가 발동하는지 확인하세요. 문제가 나타나면 측정 ID와 데이터 스트림을 다시 확인한 후 수정하고 재테스트하세요.

요약: 모든 페이지의 잘 구성된 GA4 구성 태그는 사이트 및 앱 전반의 정확한 지표를 위한 기반을 제공합니다. 이 후 특정 작업, 예를 들어 상호작용 제품 클릭이나 파일 다운로드에 대한 GA4 이벤트 태그를 추가하여 핵심 구성을 건드리지 않고 데이터를 풍부하게 할 수 있습니다. 이 태그를 기준으로 취급한 후 필요에 따라 추가 이벤트 추적으로 확장하세요. 이 접근 방식은 명확한 경로로 미래 향상, 예를 들어 검색 이벤트나 추가 기능을 위한 쉬운 확장성을 유지합니다.

Test and Validate Tracking with DebugView and Real-Time Reports

DebugView와 실시간 보고서를 활성화하여 추적을 1초 이내에 확인하고 격차를 피하세요. 이 접근 방식은 관리자와 이해관계자를 위한 측정을 가시적으로 유지합니다.

먼저 모든 페이지에 GA4 태그가 설치되었고 측정 ID가 올바른지 확인하세요. 그런 다음 이 스니펫을 추가하여 디버그 모드를 활성화하세요: gtag('config', 'G-XXXXXXXXXX', { 'debug_mode': true }); 또는 GA Debugger 확장을 사용하세요. 이 단계는 들어오는 히트를 쉽게 검사할 수 있게 합니다.

GA4 속성에서 DebugView를 열고 페이지로 이동, CTA 클릭, 양식 제출과 같은 작업을 수행하세요. DebugView는 타임스탬프와 함께 히트를 나열하고 event_name 및 event_params에 대한 필드를 보여줍니다; 각 행 옆에 히트 유형을 나타내는 아이콘이 있습니다.

실시간 보고서로 전환: 실시간 > 라이브 보고서; 동일한 이벤트가 나타나는지 확인하고 카운트를 검증하며 예상 흐름에 대한 타이밍을 확인하세요. page_location, page_title, 사용자 지정 차원과 같은 주요 매개변수를 검증하여 필드 값이 정의와 일치하는지 확인하세요.

이벤트 이름을 비즈니스 작업에 매핑하는 정의 목록을 만들고 보고서와 비교하여 추적이 계획과 일치하는지 확인하세요. 값이 none인 항목을 기록하고 이벤트 매핑이나 매개변수 이름을 조정하세요.

문제 해결: 이벤트가 나타나지 않으면 작업에서 태그가 발동하는지 확인하고 히트를 숨길 수 있는 차단자를 검토하며 페이지에 측정 ID가 설치되었는지 확인하세요. 데이터 수집을 일시 중지할 수 있는 개인정보 보호 프롬프트와 동의 설정을 염두에 두세요.

이 방법을 사용하여 속성과 광고 대시보드 전반의 글로벌 가시성을 유지하세요; 변경이 적용되면 실시간으로 영향을 볼 수 있으며 추측이 필요 없습니다. 따라서 설정이 결정에 대한 신뢰할 수 있는 데이터를 제공한다는 확신을 얻습니다.

빠른 팁: 검증을 집중적이고 실행 가능하게 유지하고 업데이트 후 두 번째 패스를 실행하며 예상 필드 값의 짧은 목록을 유지하여 팀과 결과를 공유할 수 있도록 하세요, 순간에 변경이 발생하지 않더라도. 사용자 개인정보를 보호하고 이벤트 필드에 개인 데이터를 저장하지 마세요.