Google Analytics를 2KB 스크립트로 교체했습니다 — 이유는 이렇습니다

Source: Dev.to

GA4의 문제점

• GA4 스크립트는 45 KB 정도로, 최적화된 대부분의 히어로 이미지보다도 무겁습니다. 렌더링을 차단하고 Core Web Vitals에 악영향을 줍니다.
• 쿠키가 everywhere — GA4는 쿠키를 설정하므로, EU, 영국, 브라질 그리고 점점 늘어나는 미국 주에서 법적으로 동의 배너가 필요합니다.
• 당신의 데이터가 Google의 광고 머신에 공급됩니다 — Google은 Analytics 데이터를 사용해 광고 제품을 개선합니다.
• 인터페이스가 방대합니다 — GA4의 학습 곡선은 가파릅니다. 대부분의 사람들은 단지 방문자 수, 방문자 출신 국가, 어떤 페이지를 보는지만 알고 싶어 합니다.

대신 만든 것

Web Analyzer App은 프라이버시‑우선 분석 도구입니다. 차별점은 다음과 같습니다:

설정은 한 줄

그게 전부입니다. npm 패키지도, 빌드 단계도, Google Tag Manager 컨테이너도, consent‑mode 설정도 필요 없습니다.

제공되는 기능

대시보드는 대부분의 사이트가 실제로 필요로 하는 모든 것을 제공합니다:

• 실시간 방문자 — 현재 사이트에 누가 있는지
• 페이지, 소스, 국가 — 트래픽이 어디서 오는지
• 세션 재생 — 방문자 여정 타임라인(스크린 녹화가 아니라 페이지 흐름)
• 목표 & 퍼널 — 코드를 작성하지 않고 전환을 추적
• 가동 시간 모니터링 — 사이트가 다운되면 알림을 받음
• SEO 감사 — 문제를 자동으로 찾아서 수정
• 커스텀 이벤트 — 버튼 클릭, 폼 제출, 회원가입 등을 추적

// 커스텀 이벤트 추적 — 이렇게 간단합니다
window.wa('signup_completed', { plan: 'pro' });

쿠키 없이 프라이버시가 작동하는 방식

쿠키 대신 방문자의 IP + User‑Agent + 일일 회전 소금값을 해시합니다. 이를 통해 개인 데이터를 전혀 저장하지 않으면서 고유 방문자 수를 얻을 수 있습니다. 해시는 역변환이 불가능하고 24 시간마다 초기화됩니다.

쿠키가 없으니 동의 배너가 필요 없습니다. GDPR, CCPA, PECR을 즉시 준수합니다.

성능 비교

깨끗한 페이지에서 WebPageTest로 두 스크립트를 테스트했습니다:

• GA4: 전송량 45 KB, 네트워크 요청 3회, 메인 스레드 차단 12 ms
• Web Analyzer App: 전송량 2 KB, 요청 1회

스크립트를 추가하고 30 초 정도 기다린 뒤 대시보드를 확인하세요. 1분 이내에 데이터가 보이지 않으면 문제가 있는 것이니, 로 연락 주시면 디버깅을 도와드리겠습니다.

프라이버시‑우선 분석, GDPR 준수, 혹은 GA4에서 마이그레이션에 관한 질문이 있으면 댓글을 남겨 주세요. 기꺼이 도와드리겠습니다.