구글 애널리틱스 4(GA4) 이벤트 설치 및 웹 분석 실전

GA4(Google Analytics 4)의 패러다임

GA4는 기존 유니버설 애널리틱스(UA)와 달리 모든 사용자 상호작용을 이벤트(Event) 단위로 측정합니다.

웹사이트 GA4 기본 태그 설치 코드

웹사이트의 영역 최상단에 주입하는 기본 측정 스크립트입니다.

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

주요 커스텀 이벤트 추적 예시

특정 버튼 클릭 시 커스텀 이벤트를 발송하는 자바스크립트 스크립트입니다.

document.querySelector('.cta-btn').addEventListener('click', function() {
  gtag('event', 'contact_button_click', {
    'event_category': 'Engagement',
    'event_label': 'Main Page CTA'
  });
});

💡 핵심 마케팅 & SEO 용어 사전 (Glossary)

• GA4 (Google Analytics 4): 구글이 제공하는 무료 모바일 및 웹 이중 데이터 분석 로그 통합 플랫폼.
• 이벤트 (Event): 웹페이지 방문자가 클릭, 스크롤, 동영상 재생, 구매 폼 제출 등 웹상에서 수행하는 개별 상호작용 단위.
• GTM (Google Tag Manager): 개발자의 코드 수정 없이 마케터가 브라우저상에서 웹사이트 내 다양한 추적 태그를 간편하게 심을 수 있는 도구.
• 디멘션 & 메트릭 (Dimension & Metric): 디멘션은 데이터를 설명하는 기준(예: 도시, 브라우저), 메트릭은 정량적 측정 수치(예: 방문자 수, 세션 수).

웹 데이터 분석 체크리스트

• [ ] GA4 측정 ID가 모든 페이지에 주입되었는가?
• [ ] 주요 전환 버튼(문의, 결제)에 이벤트 트래킹이 설정되었는가?
• [ ] 내부 IP 주소 제외 필터가 적용되었는가?