Hotjar

정의

Hotjar는 웹사이트 방문자의 실제 행동을 시각적으로 보여주는 행동 분석(Behavior Analytics) 도구입니다. 크게 세 가지 핵심 기능으로 구성됩니다.

- 히트맵(Heatmap): 클릭·스크롤·이동 패턴을 색상으로 시각화

- 세션 녹화(Session Recording): 실제 사용자의 마우스 움직임, 클릭, 입력 과정을 영상처럼 재생

- 설문·피드백(Feedback): 온사이트 팝업 설문으로 이탈 이유와 불만 수집

구글 애널리틱스(GA4)가 "무엇이 일어났는가"를 숫자로 알려준다면, Hotjar는 "왜 그렇게 됐는가"를 보여줍니다. DTC 브랜드에서 랜딩페이지·상품 상세페이지·결제 퍼널을 개선할 때 가장 먼저 세팅하는 도구 중 하나입니다.

비유로 이해하기

GA4가 매장 CCTV 통계라면, Hotjar는 매장에 서서 손님을 관찰하는 MD입니다.

- 손님이 어느 진열대 앞에서 3초 만에 돌아섰는지 (히트맵)

- 카트에 담기 직전 어떤 버튼에서 망설였는지 (세션 녹화)

- 계산대 앞에서 "배송비가 왜 이래요?"라고 물었는지 (설문)

숫자만으로는 절대 알 수 없는 "행동의 맥락"을 잡아냅니다.

핵심 공식

Hotjar 활용의 기본 프레임은 다음과 같습니다.

전환율 개선 = (관찰된 이탈 지점 × 빈도) ÷ 수정 난이도

예시 데이터:

- 상품 상세페이지 평균 체류시간: 1분 12초

- 스크롤 50% 도달률: 38% (즉 62%는 상품 설명 중간에 이탈)

- 결제 버튼 클릭률: 4.7% (업계 평균 3.2% 대비 양호)

이 세 숫자만 봐도 "상품 설명 상단에 핵심 스펙을 올려야 한다"는 가설이 바로 나옵니다.

GA4 vs Hotjar 비교

항목	GA4	Hotjar
데이터 유형	정량(숫자)	정성(행동·시각)
주요 질문	"얼마나 왔나?"	"왜 안 샀나?"
히트맵	❌	✅
세션 녹화	❌	✅
온사이트 설문	제한적	✅
무료 플랜	무제한	월 35세션 녹화
DTC 활용	유입 채널 분석	랜딩·PDP·결제 개선

실무에서는 GA4로 이상 징후를 발견 → Hotjar로 원인 확인 순서로 조합합니다.

DTC 실전 활용 시나리오

1. 랜딩페이지 첫 화면 최적화

히트맵에서 첫 화면(Above the Fold) 클릭이 로고에만 몰리면, CTA 버튼 위치를 아래로 내리거나 헤드라인을 강화해야 합니다.

2. 상품 상세페이지(PDP) 이탈 방지

세션 녹화에서 옵션 선택(사이즈·컬러) 단계에서 30초 이상 머무는 사용자가 많다면, 옵션 UI를 드롭다운에서 썸네일 버튼으로 바꾸는 것만으로 전환율이 10~20% 개선되는 사례가 흔합니다.

3. 결제 퍼널 이탈 진단

설문 팝업으로 "결제 직전 이탈 이유"를 물으면 배송비·반품 정책·결제 수단 부족이 상위 3개로 나옵니다. 이는 곧 무료배송 임계값 조정이나 간편결제 추가로 직결됩니다.

4. 광고 랜딩 일치도 검증

메타·구글 광고 소재와 랜딩 메시지가 어긋나면 스크롤 이탈이 급증합니다. Hotjar로 소재별 랜딩 이탈 패턴을 비교하세요.

자주 하는 실수

1. 녹화 세션만 보고 일반화 — 35개 세션으로 전체를 판단하면 안 됩니다. 최소 100세션 이상 확보 후 패턴을 봐야 합니다.

2. 히트맵을 디자인 평가로 오해 — 히트맵은 "예쁜가"가 아니라 "행동이 일어나는가"를 봅니다.

3. 설문을 너무 길게 — 3문항 이내, 30초 이내가 응답률 방어선입니다.

4. 개인정보 미고지 — 한국 개인정보보호법(PIPA)과 GDPR 대응을 위해 마스킹 설정과 쿠키 배너는 필수입니다.

5. GA4 없이 단독 사용 — 트래픽 규모와 전환 데이터 없이 Hotjar만 보면 우선순위를 못 정합니다.

마무리

Hotjar는 "감"이 아니라 "증거"로 랜딩페이지를 고치게 해주는 도구입니다. DTC 브랜드라면 GA4 + Hotjar + A/B 테스트 3종 세트를 기본으로 세팅하고, 매주 1개 페이지씩 개선 사이클을 돌리는 것을 권장합니다. 숫자는 GA4가, 이유는 Hotjar가 알려줍니다.

정의