내 사이트에 누가, 언제, 어디서, 얼마나 방문했는지 — 무료로 알 수 있어요.
코드 한 줄 붙여넣기면 데이터 수집 시작. 10분이면 충분해요.
내 사이트 방문자 데이터를 수집·분석하는 구글의 무료 도구
Google Analytics(GA)는 웹사이트에 방문한 사람들의 행동을 추적하고 분석하는 서비스예요. 2023년부터는 이전 버전인 유니버설 애널리틱스(UA)가 종료되고, GA4(Google Analytics 4)가 표준이 됐어요.
GA4는 이벤트 기반 측정 모델을 사용해요. 페이지 조회, 버튼 클릭, 스크롤 깊이, 파일 다운로드 같은 모든 상호작용을 '이벤트'로 기록해요. 코드 한 줄만 삽입하면 기본적인 이벤트들은 자동으로 수집돼요.
오늘 몇 명이 왔는지, 어느 나라에서 왔는지, 처음 방문인지 재방문인지 실시간으로 확인해요.
어떤 페이지가 가장 많이 보이는지, 평균 체류 시간은 얼마인지, 이탈률은 어떤지 알 수 있어요.
구글 검색으로 들어왔는지, SNS에서 왔는지, 직접 URL을 쳤는지 — 유입 경로를 추적해요.
월 천만 건 이하 이벤트는 완전 무료예요. 개인 사이트나 스타트업은 무료 한도로 충분해요.
UA(유니버설 애널리틱스)와 GA4의 차이: UA는 세션 기반(한 방문 = 하나의 세션)이었고, GA4는 이벤트 기반이에요. GA4는 앱과 웹을 통합 분석할 수 있고, 머신러닝 기반 예측 분석 기능도 포함돼요. 측정 ID 형식도 UA-XXXXXXXX에서 G-XXXXXXXXXX로 바뀌었어요.
구글 계정만 있으면 10분 안에 설치 완료
analytics.google.com에 접속해서 구글 계정으로 로그인해요. "측정 시작" 버튼을 클릭하고 계정 이름(내 이름이나 브랜드명)을 입력해요.
속성 이름(사이트 이름), 보고 시간대(대한민국), 통화(원)를 설정해요. 비즈니스 목표를 선택하고 "다음"을 누르면 "G-XXXXXXXXXX" 형식의 측정 ID가 발급돼요. 이 ID를 복사해두세요.
아래 ③ 코드 섹션의 코드를 복사해서 </head> 태그 바로 위에 붙여넣어요. G-XXXXXXXXXX 부분을 본인의 측정 ID로 교체해요.
GA4 관리 화면 → "데이터 스트림"에서 "최근 48시간 데이터 수신 확인"을 클릭해 정상 설치 여부를 확인해요. 실시간 보고서에서 내가 사이트를 방문한 것도 보여야 해요.
G-XXXXXXXXXX를 본인 측정 ID로 교체해서 </head> 위에 붙여넣으세요
<!-- Google Analytics 4 --> <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>
// 버튼 클릭 이벤트 추적 document.getElementById('cta-btn').addEventListener('click', function() { gtag('event', 'button_click', { 'event_category': 'engagement', 'event_label': 'CTA 버튼', 'value': 1 }); }); // 페이지 이동 이벤트 (SPA에서 수동 추적) gtag('event', 'page_view', { 'page_title': document.title, 'page_location': location.href }); // 구매 이벤트 (전자상거래) gtag('event', 'purchase', { 'transaction_id': 'T12345', 'value': 29000, 'currency': 'KRW' });
"내 사이트에 GA4를 설치하고, 문의하기 버튼 클릭과 페이지 이탈을 이벤트로 추적하는 코드를 작성해줘. GA4 측정 ID는 G-ABC123456 이야."
측정 ID를 입력하면 바로 쓸 수 있는 코드가 완성돼요
<!-- Google Analytics 4 -->
<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>
GA4 설치 후 자주 생기는 궁금증
if (location.hostname !== 'localhost') { /* GA4 코드 */ }
GA4를 설치했다면 자연스럽게 이어지는 주제들