숫자만으로는 "왜 이탈했는가"가 안 보이고, 사용자가 마우스를 어디에 올렸는지·어디까지 스크롤했는지를 직접 봐야 답이 나옵니다.
Hotjar·Clarity는 그 시각적 답을 무료~저비용으로 얻게 해주는 도구입니다.
1. 히트맵 — 클릭·스크롤·이동
히트맵은 페이지에서 사용자가 (a) 어디를 클릭했는지 (b) 어디까지 스크롤했는지 (c) 마우스가 어떻게 움직였는지를 색깔로 표시해 줍니다.
"중요한 CTA가 스크롤 라인 아래에 있어 보이지도 않는다"·"이미지처럼 보이는데 사용자가 클릭한다(=링크인 줄 안다)" 같은 발견이 즉시 나옵니다.
2. 세션 녹화 — 30초 영상
실제 사용자 세션을 30초~3분 영상으로 다시 보는 기능으로, 모바일에서의 스크롤 끊김·로딩 지연 같은 것이 직접 보입니다.
주 1회 이탈 페이지 세션 5개씩만 봐도 한 달이면 사이트 UX 개선 아이디어가 20개 이상 나옵니다.
3. Hotjar — 유료 표준
월 39$~ 시작이고 무료 플랜은 일 35 세션까지 매우 제한적이라, 트래픽이 어느 정도 있는 사이트는 유료 구독이 사실상 필수입니다.
히트맵·세션 녹화 외에 폼 분석·설문(피드백 위젯)도 함께 제공되어 한 도구에서 정성 데이터를 종합 수집할 수 있습니다.
4. Microsoft Clarity — 완전 무료
마이크로소프트가 무료로 제공하는 도구로 트래픽 한도 없이 모든 기능이 무료이며, Hotjar 대안으로 빠르게 자리잡았습니다.
한국어 UI 지원이 약한 편이고 분석 화면은 Hotjar보다 거칠지만 "공짜 + 무제한"이라 작은 회사·사이드 프로젝트에 매우 강합니다.
5. 사용 시 주의 — 개인정보
세션 녹화는 화면 위 입력 정보를 함께 잡을 수 있어, 카드번호·주민번호·비밀번호 입력 영역은 반드시 마스킹 처리해야 합니다.
개인정보처리방침에 "세션 녹화 도구 사용"을 명시하고 GDPR·국내 개인정보보호법 동의 모듈과 연결해 두는 게 안전합니다.
숫자(GA4)로 "어디서 새는지"를 알고, 영상(Hotjar/Clarity)으로 "왜 새는지"를 보면 됩니다.
