기술 학습 노트

테마

구글 애널리틱스 연동 ​

학습 목표 ​

  1. **구글 애널리틱스(GA4)**가 왜 필요한지, 어떤 데이터를 수집하는지 설명할 수 있다.
  2. GA4 계정 생성부터 추적 코드 발급까지의 설정 과정을 수행할 수 있다.
  3. Cursor를 활용하여 사이트에 GA 코드를 삽입하고 배포할 수 있다.
  4. GA4 대시보드에서 실시간 방문자 데이터를 확인할 수 있다.

1. 왜 구글 애널리틱스가 필요한가? ​

사이트를 배포하고 도메인까지 연결했다면, 이제 가장 궁금한 것은 **"사람들이 정말 오는가?"**이다. 구글 애널리틱스(Google Analytics 4, 줄여서 GA4)는 이 질문에 데이터로 답해주는 도구이다.

GA4가 제공하는 핵심 정보 ​

항목설명활용 예시
실시간 방문자지금 몇 명이 접속 중인지"글을 올렸더니 10명이 바로 들어왔다!"
페이지별 조회수어떤 페이지가 인기 있는지인기 페이지 위주로 콘텐츠 확장
유입 경로어디서 들어왔는지 (검색, SNS, 직접 접속)효과 있는 홍보 채널 파악
방문자 추이하루/주/월 단위 성장세사이트가 성장하고 있는지 확인
디바이스 정보모바일/PC 비율모바일 최적화 우선순위 결정
지역 정보방문자의 국가/도시타깃 지역 파악

가장 중요한 이유: 광고를 집행하거나 SNS에 홍보한 후, 그 효과를 그래프로 확인할 수 있다. 감이 아닌 데이터로 의사결정을 내릴 수 있게 된다.

가격 ​

구분비용
GA4 (기본)완전 무료
GA4 360 (엔터프라이즈)유료 (대기업용)

개인 프로젝트, 소규모 사이트에서는 무료 버전으로 시작하기에 충분하다. 다만 데이터 보존 기간이나 보고 한도 같은 세부 정책은 서비스 운영 규모에 따라 공식 문서를 다시 확인하는 습관이 필요하다.

2. GA4 설정 과정 ​

GA4 설정 전체 흐름 ​

단계별 상세 설명 ​

단계 1: 계정 생성 ​

  1. analytics.google.com 접속
  2. "측정 시작" 버튼 클릭
  3. 계정 이름 입력 (예: 내 프로젝트)
    • 하나의 계정 안에 여러 속성(사이트)을 추가할 수 있다
    • 본인이 알아볼 수 있는 이름이면 충분

단계 2: 속성 설정 ​

  1. 속성명 입력 (예: 날씨 앱, 환율 계산기)
    • 서비스 이름을 그대로 쓰면 관리하기 편하다
  2. 보고 시간대: 대한민국 선택
  3. 통화: 한국 원(KRW) 선택

단계 3: 비즈니스 정보 ​

  1. 업종 선택: 크게 중요하지 않다. 가장 가까운 항목 선택
  2. 비즈니스 규모: 소규모 선택
  3. 비즈니스 목표: "사이트 또는 앱 트래픽 파악" 선택

단계 4: 데이터 스트림 설정 ​

  1. 플랫폼: 웹 선택
  2. 웹사이트 URL: 구매한 도메인 입력 (예: myweather.com)
  3. 스트림 이름: 자동 입력되는 값 사용
  4. "스트림 만들기" 클릭
  5. 측정 ID 확인 (형식: G-XXXXXXXXXX)
  6. 추적 코드(gtag.js) 복사

3. 사이트에 코드 삽입 ​

GA4에서 발급받은 추적 코드를 사이트의 <head> 태그 안에 삽입해야 한다. 이 작업은 Cursor에게 맡기면 간단하다.

Cursor에게 요청할 프롬프트 예시 ​

이 GA4 추적 코드를 사이트의 <head> 태그 안에 삽입해줘.

<!-- 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>

삽입 후 배포 ​

순서작업설명
1Cursor가 코드 삽입<head> 태그에 GA 스크립트 추가
2변경사항 확인npm run dev로 로컬에서 확인
3commit & pushGithub에 업로드
4자동 배포Cloudflare가 감지하여 배포
5설치 테스트GA4 대시보드에서 확인

4. 설치 확인 및 데이터 수집 ​

설치 테스트 ​

  1. GA4 대시보드의 "설치 테스트" 버튼 클릭
  2. 새 탭에서 자신의 사이트 접속
  3. GA4가 데이터 수신 여부를 자동으로 감지
  4. "데이터 수집이 활성 상태입니다" 메시지 확인

데이터 수집 흐름 ​

5. GA4 대시보드 주요 메뉴 ​

GA4 설치가 완료되면 다양한 보고서를 확인할 수 있다. 처음에는 아래 메뉴만 알면 충분하다.

메뉴위치확인 내용
실시간보고서 > 실시간지금 접속 중인 사용자 수, 보고 있는 페이지
사용자 획득보고서 > 수명 주기 > 획득어디서 유입됐는지 (검색, 직접, SNS)
참여도보고서 > 수명 주기 > 참여도페이지별 조회수, 평균 체류 시간
인구통계보고서 > 사용자 > 인구통계방문자 국가, 도시, 연령대

팁: 사이트 런칭 직후에는 데이터가 거의 없는 것이 정상이다. 홍보를 시작하면 데이터가 쌓이기 시작한다. GA4는 무료이니 미리 설치해두고 데이터를 모아두는 것이 가장 현명한 전략이다.

핵심 정리 ​

  • GA4는 무료로 시작할 수 있는 강력한 분석 도구이다.
  • 계정 생성 → 속성 설정 → 추적 코드 발급까지 10분이면 완료된다.
  • 추적 코드는 Cursor에게 삽입을 요청하면 간편하다.
  • commit & push 후 배포가 완료되면 설치 테스트로 정상 작동을 확인한다.
  • 실시간 방문자, 유입 경로, 페이지별 조회수 등 데이터 기반 의사결정이 가능해진다.