Ch.1 GA4 시작하기

GA4 설치하기

GA4 설치의 3단계(속성 생성 → 스트림 추가 → 코드 삽입) 이해gtag.js 기본 코드 작성직접 설치 vs GTM 설치 비교

코드 한 줄이면 시작됩니다

GA4 계정과 속성을 만들었다면, 이제 실제 웹사이트에 추적 코드를 심어야 합니다. 방법은 크게 세 가지: 직접 삽입, GTM, CMS 플러그인.

어떤 설치 방법이 내 상황에 맞을까?

gtag.js 한 줄로 시작하고, 규모가 커지면 GTM으로 확장합니다

article

핵심 내용

1단계: 속성 생성: GA4 관리 > 속성 만들기 > 속성 이름, 시간대, 통화 설정

2단계: 데이터 스트림 추가: 웹 스트림 선택 > 사이트 URL 입력 > 향상된 측정 활성화

3단계: 추적 코드 삽입: 측정 ID(G-XXXXXXX) 복사 > HTML <head>에 gtag.js 코드 삽입

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

GTM 없이도 GA4를 설치할 수 있다

image

시각 자료

다이어그램: ga4-p-01-014

다이어그램: ga4-p-01-015

다이어그램: ga4-p-01-016

다이어그램: ga4-p-01-017

다이어그램: ga4-p-01-018

퀴즈와 인터랙션으로 더 깊이 학습하세요

play_circle인터랙티브 레슨 시작