HTML 페이지에 분석을 추가하는 일은 한 가지 답이 있는 한 가지 작업처럼 들립니다. 사실은 다섯 가지에 가깝고, 어느 것이 맞는지는 대부분의 가이드가 건너뛰는 두 가지에 달려 있습니다. 파일의 코드를 편집할 수 있는지, 그리고 몇 명이 봤는지를 알고 싶은지 아니면 어떤 특정 사람이 봤는지를 알고 싶은지입니다.
이 두 가지 답이 분명해지면 선택은 쉬워집니다. 이 가이드는 다섯 가지 실제 방법을 짚고, 각각이 무엇을 보여주는지, 비용은 얼마인지, 어떤 한 줄로 적합 여부를 가릴 수 있는지 정리합니다. 모든 경우에 가장 좋은 방법은 없으며, 마지막 방법은 의도적으로 좁은 범위에서만 동작합니다.
방법을 결정하는 두 가지 질문
어떤 도구를 고르기 전에 다음 두 질문에 답하세요.
HTML을 편집할 수 있는가? 스크립트 태그를 붙여 동작하는 방법들은 파일의 <head>에 접근할 수 있어야 합니다. 본인이 직접 작성한 페이지라면 괜찮습니다. 하지만 본인이 만들지 않은 내보내기 파일, 예를 들어 InDesign HTML5 패키지, Claude 아티팩트, Webflow 코드 내보내기 같은 경우라면 마크업을 편집하는 게 번거롭거나 다음 내보내기에서 덮어쓰이게 됩니다.
군중을 원하는가, 사람을 원하는가? 거의 모든 분석 도구는 군중을 보고합니다. 총 방문 수, 평균 시간, 국가, 디바이스. 공개 페이지에 맞는 데이터입니다. 하지만 열 명의 지명된 바이어에게 보낸 페이지에는 잘못된 데이터입니다. 그런 경우 유용한 답은 열 명 중 누가 열어봤고 어디까지 읽었는지이기 때문입니다.
이 두 가지 답을 잡아두세요. 아래 다섯 가지 방법에 깔끔하게 매핑됩니다.
방법 1: Google Analytics 4
기본값입니다. GA4 속성을 만들고, gtag.js 스니펫을 복사한 뒤, HTML의 닫는 </head> 앞에 붙여 넣으세요. 단일 파일이든 전체 정적 사이트든 동작하며, Google의 설정 문서에 자세한 절차가 나와 있습니다.
얻는 것: 깊고, 무료이며, 집계된 웹 애널리틱스입니다. 세션, 사용자, 지역, 디바이스, 이벤트까지 다 들어 있습니다. 그 대가는 설정과 복잡성입니다. Google 계정이 필요하고, 대시보드의 학습 곡선이 분명히 있으며, 대부분의 지역에서는 GA4가 쿠키를 설정하기 때문에 쿠키 동의 배너가 필요합니다.
이 방법을 선택하세요. HTML을 편집할 수 있고, 풍부한 집계 데이터를 원하며, 페이지가 공개인 경우. 소수의 사람들에게 보내는 파일 하나에 쓰기에는 과합니다.
방법 2: Plausible, Fathom, 또는 Umami
프라이버시 우선의 더 가벼운 대안입니다. Plausible, Fathom, Umami 모두 같은 방식으로 작동합니다. 작은 스크립트 태그 하나, 쿠키 없음, 대부분의 경우 동의 배너 없음, 그리고 방문 수와 인기 페이지가 보이는 깔끔한 단일 대시보드. 스크립트가 보통 1KB 정도로 매우 작아서 로드 시간에 거의 영향을 주지 않습니다.
거래 조건은 깊이와 가격입니다. 대부분의 사이트에 중요한 수치는 얻지만 GA4의 방대한 기능은 거의 없습니다. 그리고 Plausible과 Fathom은 유료 구독입니다. Umami는 오픈소스이며 직접 호스팅하면 무료지만, 비용이 돈에서 유지보수로 옮겨갈 뿐입니다.
이 방법을 선택하세요. HTML을 편집할 수 있고, GA4의 무게나 쿠키 배너 없이 깔끔한 집계 수치를 원하며, 소액의 구독료를 내거나 Umami를 직접 운영할 의향이 있는 경우.
방법 3: 호스트의 내장 분석
페이지가 이미 현대적인 호스트 위에 있다면 별도의 도구가 아예 필요 없을 수도 있습니다. Vercel, Cloudflare, Netlify 모두 대시보드에서 켜기만 하면 되는 자사 분석을 제공하고, 붙일 태그가 없습니다. Cloudflare는 프라이버시 우선이며 무료입니다. Vercel과 Netlify는 빠르게 한도가 차는 무료 플랜이 있습니다.
함정은 잠금과 깊이입니다. 데이터는 그 호스트에 머무르고, 무료 한도가 제한적이며, 해당 플랫폼에 묶이게 됩니다. 본격적인 분석 제품이라기보다는 편의 기능입니다.
이 방법을 선택하세요. 페이지가 이미 Vercel, Cloudflare, Netlify에 호스팅되어 있고 집계 수치로 충분한 경우. 이걸 얻겠다고 호스팅을 옮기지는 마세요.
방법 4: GoatCounter 또는 자체 호스팅 카운터
미니멀리즘 끝단입니다. GoatCounter는 오픈소스이며 쿠키리스, 비상업적 용도에는 무료입니다. Simple Analytics도 같은 가벼운, 프라이버시 우선 정신을 공유하는 옆자리에 있습니다. 페이지뷰, 유입 경로, 기본적인 분류 정도를 얻을 수 있고 그 이상은 거의 없습니다. 바로 그 점이 매력이죠.
데이터를 완전히 본인이 소유하고 본인의 서버에서 운영하고 싶을 때 자체 호스팅 진영이 택하는 길이기도 합니다.
이 방법을 선택하세요. 가능한 한 가벼운 풋프린트, 쿠키 없음, 그리고 무료 취미용 카운터나 완전한 자체 호스팅 통제권을 원하며, 최소한의 수치로 만족하는 경우.
방법 5: 페이지를 발송할 때 쓰는 추적 링크
앞의 네 가지 방법은 모두 "몇 명"에 답합니다. 그리고 모두 페이지가 공개이고 코드를 편집할 수 있다는 전제를 깔고 있습니다. 방법 5는 어느 것도 다루지 않는 경우를 위한 것입니다. HTML이 공개 사이트가 아니라 특정 사람들에게 보내는 결과물이고, 그중 누가 인게이지먼트를 보였는지 알고 싶은 경우죠.
여기서는 태그를 전혀 붙이지 않습니다. HTML 파일이나 번들을 호스팅과 트래킹을 대신해주는 플랫폼에 업로드한 뒤, 각 수신자에게 자기만의 링크를 보냅니다. 트래킹이 파일을 바깥에서 감싸기 때문에, 쉽게 편집할 수 없는 내보내기, 즉 InDesign HTML5 패키지, Claude나 v0 아티팩트, Webflow 내보내기에서도 작동합니다. 각 링크가 사람마다 고유하기 때문에 보고서는 수신자별로 나옵니다. 어느 이름의 조회자가 열었는지, 어느 페이지에 시간을 썼는지, 다시 돌아왔는지, 전달된 링크가 새로운 사람에게 도달했는지까지요.
HummingDeck이 하는 일이 그것입니다. HTML을 업로드하고, 추적 링크를 보내고, 군중이 아니라 사람별로 /share/html의 페이지 단위 인게이지먼트를 확인하세요. 또한 태그가 줄 수 없는 것들도 얻습니다. 의도한 수신자만 페이지를 열 수 있게 하는 인증 이메일 허용 목록, 링크 만료, 그리고 SafeLinks나 Proofpoint 같은 기업용 스캐너를 수치에서 걸러내는 봇 필터링입니다.
이건 GA4 대체재가 아닙니다
HummingDeck은 기존 Webflow, WordPress, 마케팅 사이트에 그냥 끼워 넣는 분석 태그가 아닙니다. 본인이 통제하는 공개 사이트에는 방법 1이나 2를 사용하세요. 방법 5는 페이지가 알려진 명단의 사람들에게 보내는 자료이고, 집계 트래픽보다 수신자별 귀속이 더 중요한 경우에만 의미가 있습니다. 의도적으로 좁습니다.
이 방법을 선택하세요. HTML 원페이지, 제안서, 프로토타입, 내보내기 파일을 특정 클라이언트, 투자자, 잠재고객에게 보내는 경우, 태그를 추가하기 위해 파일을 편집할 수 없거나 편집하고 싶지 않은 경우, 그리고 몇 명이 봤는지가 아니라 누가 봤는지를 알아야 하는 경우.
어느 방법을 선택할 것인가
| 방법 | 설정 | 쿠키 배너 | 보이는 내용 | 적합한 용도 |
|---|---|---|---|---|
| Google Analytics 4 | 태그 붙이기, Google 계정 | 보통 필요 | 깊이 있는 집계, 익명 | 편집 가능한 공개 사이트 |
| Plausible / Fathom / Umami | 작은 스크립트 붙이기 | 불필요 | 깔끔한 집계, 프라이버시 우선 | GA4보다 가벼운 공개 사이트 |
| 호스트 내장 (Vercel, Cloudflare, Netlify) | 대시보드에서 켜기 | 경우에 따라 다름 | 기본 집계 | 이미 그 호스트에 있는 페이지 |
| GoatCounter / Simple Analytics | 작은 스크립트 또는 자체 호스팅 | 불필요 | 최소한의 수치 | 미니멀리스트 또는 자체 호스팅 |
| 추적 링크 (HummingDeck) | 파일 업로드, 태그 없음 | 불필요 | 수신자별, 페이지별, 게이팅 | HTML을 특정 사람에게 보내는 경우 |
솔직한 요약은 이렇습니다. 페이지가 공개이고 편집할 수 있다면 답은 Google Analytics 4 또는 Plausible 같은 가벼운 태그이고, Vercel, Cloudflare, Netlify 위에 있다면 호스트의 내장 통계로 충분합니다. 페이지가 지명된 명단의 사람들에게 건네는 자료라면, 추적 링크가 다른 도구들이 답해줄 수 없는 질문에 답해줍니다. 몇 명이 봤는지가 아니라, 누가 봤는지에 대한 질문이죠.
관련 읽을거리
- 내장 분석 기능이 있는 단일 HTML 파일 호스팅하기 - 추적 링크 접근법의 단계별 안내.
- InDesign Publish Online 내보내기 호스팅 방법 - HTML이 쉽게 태그를 붙일 수 없는 디자인 내보내기일 때.
- 플립북 분석: 누가 실제로 내 플립북을 읽었는지 확인하는 법 - 디지털 플립북에 대해 같은 "몇 명이 아니라 누가" 질문을 다룹니다.
- PDF를 누가 열었는지 추적하는 법 - 파일이 HTML이 아니라 PDF일 때.
- 프레젠테이션을 온라인으로 공유하는 법 - 자료가 프레젠테이션일 때.