GA4(구글 애널리틱스 4) 설치 방법과 보는 법 — Next.js 블로그에 연동하기

한 줄 요약: GA4 계정을 만들고 측정 ID(G-로 시작)를 발급받아 사이트에 연결하면 방문자 수, 유입 경로, 인기 글을 무료로 확인할 수 있습니다. Next.js라면 공식 패키지로 몇 줄이면 연동이 끝납니다.

GA4가 뭐고, 왜 설치해야 할까요?

GA4(Google Analytics 4)는 구글이 제공하는 무료 웹 분석 도구입니다. 블로그에 몇 명이 들어왔는지, 어디서 왔는지(검색·SNS·직접 접속), 어떤 글이 많이 읽히는지를 숫자로 보여줍니다. 데이터 없이 글을 쓰는 것은 지도 없이 운전하는 것과 같습니다. 어떤 주제가 반응이 좋은지 알아야 다음 글의 방향을 정할 수 있습니다.

검색 노출 쪽 데이터는 구글 서치콘솔이, 사이트에 들어온 뒤의 행동 데이터는 GA4가 담당합니다. 두 도구를 함께 쓰면 "검색어 → 방문 → 읽기"의 흐름 전체를 볼 수 있습니다.

1단계. GA4 계정과 속성 만들기

1. 구글 애널리틱스에 구글 계정으로 로그인합니다.
2. 왼쪽 아래 관리(톱니바퀴)를 누르고 계정 만들기를 선택합니다.
3. 계정 이름(예: 내 블로그)을 입력하고 다음을 누릅니다.
4. 속성 이름, 보고 시간대(대한민국), 통화(KRW)를 선택합니다.
5. 업종과 비즈니스 규모, 사용 목적을 선택하고 만들기를 누릅니다.

2단계. 웹 데이터 스트림 만들고 측정 ID 받기

1. "데이터 수집 시작" 화면에서 플랫폼으로 웹을 선택합니다.
2. 웹사이트 URL(https://내도메인.com)과 스트림 이름을 입력하고 스트림 만들기를 누릅니다.
3. 스트림 상세 화면 오른쪽 위에 G-XXXXXXXXXX 형태의 측정 ID가 표시됩니다. 복사해 둡니다.

이 측정 ID가 "내 사이트의 방문 기록을 이 GA4 속성으로 보내라"는 주소 역할을 합니다.

3단계. Next.js 블로그에 연동하기

Next.js는 @next/third-parties라는 공식 패키지에서 GA4 컴포넌트를 제공합니다. 설치부터 적용까지 순서는 다음과 같습니다.

① 패키지 설치

npm install @next/third-parties

② 측정 ID를 환경 변수로 저장

측정 ID는 코드에 직접 쓰기보다 환경 변수로 관리하는 것이 안전하고 편합니다. 프로젝트 루트의 .env.local 파일에 아래 한 줄을 추가하세요.

NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX

배포 환경(Vercel, Cloudflare 등)의 환경 변수 설정에도 같은 이름으로 추가해야 실제 사이트에서 동작합니다. 이 부분을 빼먹어서 데이터가 안 잡히는 경우가 가장 흔합니다.

③ 레이아웃에 컴포넌트 추가

최상위 레이아웃 파일(app/layout.tsx 또는 언어별 레이아웃)의 본문 안에 아래처럼 추가합니다.

import { GoogleAnalytics } from "@next/third-parties/google";

// ...레이아웃 컴포넌트 안에서
<body>
  {children}
  {process.env.NEXT_PUBLIC_GA_ID && (
    <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_ID} />
  )}
</body>

환경 변수가 있을 때만 렌더링하도록 조건을 걸어 두면, 로컬 개발 중에는 불필요한 데이터가 쌓이지 않습니다.

4단계. 제대로 연결됐는지 확인하기

1. 배포가 끝난 뒤 내 사이트에 접속해 둡니다. (다른 탭에서 유지)
2. GA4 왼쪽 메뉴에서 보고서 > 실시간을 엽니다.
3. "지난 30분 동안의 사용자"에 1명 이상이 표시되면 연동 성공입니다.

바로 보이지 않더라도 1~2분 정도 기다려 보세요. 광고 차단 프로그램이 켜져 있으면 내 접속이 집계되지 않을 수 있으니 시크릿 창이나 휴대폰으로 테스트하는 것도 방법입니다.

꼭 봐야 할 GA4 핵심 지표

GA4는 메뉴가 많아 처음엔 막막합니다. 블로그 운영자라면 아래 지표만 챙기세요.

지표	의미	활용법
활성 사용자	사이트에 실제로 참여한 방문자 수	성장 추이 확인
조회수	페이지가 열린 총 횟수	인기 글 파악
세션 기본 채널 그룹	방문자가 들어온 경로 (Organic Search, Direct, Social 등)	검색 유입 비중 확인
평균 참여 시간	방문자가 페이지에 머문 시간	글 품질 점검
국가·도시	방문자 지역	타깃 독자 파악

특히 세션 기본 채널 그룹에서 Organic Search 수치가 늘어나는지 보는 것이 중요합니다. 검색을 통해 들어오는 방문자가 많아질수록 블로그가 안정적으로 성장하고 있다는 뜻입니다. 이때 Direct 수치에는 본인 접속이나 봇 트래픽이 섞여 있을 수 있어 그대로 믿기보다 참고만 하는 것이 좋습니다.

보고서 메뉴 보는 순서

1. 보고서 > 획득 > 트래픽 획득: 어떤 경로로 들어왔는지
2. 보고서 > 참여도 > 페이지 및 화면: 어떤 글이 많이 읽혔는지
3. 보고서 > 사용자 > 인구통계 개요: 국가·도시별 방문자

일주일에 한 번, 위 세 화면만 확인하는 습관을 들이면 충분합니다. 조회수가 높은 글은 후속편을 쓰거나 내용을 보강하고, 조회수가 낮은 글은 제목과 첫 문단을 손보는 식으로 활용해 보세요.

개인정보와 쿠키 안내도 챙기세요

GA4는 방문자 정보를 수집하는 도구이므로, 사이트의 개인정보처리방침에 "구글 애널리틱스를 사용한다"는 내용을 명시하는 것이 좋습니다. 또한 애드센스를 신청할 계획이라면 쿠키 사용 안내가 필요합니다. 개인을 식별하는 정보를 별도로 GA4에 전송하지 않도록 주의하세요.

자주 묻는 질문 (FAQ)

Q1. 설치했는데 실시간에 아무것도 안 떠요.

측정 ID가 정확한지, 배포 환경에 환경 변수를 추가했는지, 환경 변수 추가 후 재배포를 했는지 확인하세요. 광고 차단 확장 프로그램이 원인인 경우도 많습니다.

Q2. 예전 구글 애널리틱스(UA)와 뭐가 다른가요?

기존 UA는 서비스가 종료되었고 현재는 GA4가 표준입니다. GA4는 "페이지뷰" 대신 "이벤트" 중심으로 데이터를 수집하며, 화면 구성과 용어가 크게 달라졌습니다.

Q3. 내 접속이 통계에 섞이지 않게 할 수 있나요?

관리 > 데이터 스트림 > 태그 설정에서 내부 트래픽(내 IP)을 정의하고 필터를 적용하면 제외할 수 있습니다.

Q4. 데이터는 얼마나 지나야 쌓이나요?

실시간 보고서는 거의 즉시 보이고, 일반 보고서는 반영까지 최대 하루 정도 걸릴 수 있습니다.

마치며

GA4를 설치했다면 이제 "감"이 아니라 "데이터"로 블로그를 운영할 수 있습니다. 서치콘솔로 어떤 검색어로 노출되는지, GA4로 들어온 뒤 어떤 글이 읽히는지를 함께 보면서 다음 글 주제를 정해 보세요. 작은 숫자의 변화도 꾸준히 기록하다 보면 블로그가 성장하는 방향이 보일 것입니다.