마이크로소프트 클라리티 입문 가이드 — 무료 히트맵·세션 녹화로 GA4가 못 보여 주는 ‘행동’ 읽기

**마이크로소프트 클라리티(Microsoft Clarity)**는 방문자가 사이트에서 실제로 어떻게 움직였는지 보여 주는 무료 행동 분석 도구입니다. 세션 녹화와 히트맵을 세션 수 제한 없이 쓸 수 있어, 유료 도구를 쓰기 어려운 작은 팀도 바로 시작할 수 있습니다. 다만 기능이 많아 처음엔 무엇부터 봐야 할지 막막합니다. 실무에서 쓰는 순서대로 정리했습니다.

클라리티의 핵심 기능 세 가지

• 세션 녹화: 한 방문자가 들어와서 나갈 때까지의 스크롤, 클릭, 이동을 영상처럼 다시 봅니다.
• 히트맵: 페이지에서 클릭이 몰린 곳과 스크롤이 멈추는 지점을 색으로 보여 줍니다.
• 대시보드: 반응 없는 곳을 누르는 ‘데드 클릭’, 같은 곳을 짜증스럽게 연타하는 ‘레이지 클릭’처럼 사용성 문제 신호를 모아 보여 줍니다.

설치는 세 가지 방법 중 하나

1. 코드에 직접 넣기: 클라리티가 주는 추적 코드를 사이트 공통 영역에 붙입니다.
2. CMS 플러그인: 워드프레스, 윅스, 쇼피파이처럼 지원하는 플랫폼은 연동만으로 끝납니다.
3. GTM 또는 NPM: 이미 구글 태그 매니저로 태그를 관리한다면 태그 하나를 추가하는 방식이 가장 편합니다.

녹화를 무작정 보지 말고 질문부터

세션 녹화를 처음부터 하나씩 보면 시간만 갑니다. **“결제 페이지에서 왜 이탈할까?”**처럼 질문을 먼저 정하고, 필터로 보고 싶은 세션만 남겨야 합니다.

필터로 좁히는 법

• 기기(모바일·PC), 특정 페이지, 국가, 기간으로 나눕니다. 예를 들어 ‘주말 방문자만’ 따로 보면 평일과 다른 행동이 드러납니다.
• 전환한 사람과 이탈한 사람을 따로 봅니다. 감사 페이지(/thank-you)까지 간 세션과 장바구니에 담고 떠난 세션을 비교하면 차이가 보입니다.

GA4와 나눠 쓰는 법

GA4는 무슨 일이 일어났는지(몇 명이 들어와 몇 명이 전환했는지)를 숫자로 알려 주고, 클라리티는 사용자가 실제로 어떻게 행동했는지를 보여 줍니다. GA4에서 이탈률이 높은 페이지를 찾고, 클라리티에서 그 페이지의 녹화와 히트맵으로 이유를 확인하는 식으로 이어 쓰면 됩니다. GTM으로 만든 맞춤 이벤트(예: 제휴 링크 클릭)를 클라리티에 넘기면, 그 이벤트가 일어난 세션만 골라 볼 수도 있습니다.

초보자가 먼저 볼 세 가지

1. 스크롤 깊이: 핵심 메시지나 CTA가 있는 위치까지 사람들이 내려오는지.
2. 클릭: 누르리라 기대한 버튼이 실제로 눌리는지, 링크가 아닌 곳을 누르고 있지는 않은지.
3. 이탈 직전 행동: 나가기 바로 전에 무엇을 보고 무엇을 눌렀는지.

광고 랜딩페이지에도 그대로 씁니다. 광고 소재가 약속한 내용을 랜딩에서 찾지 못해 헤매는 장면이 녹화에 그대로 남습니다.

실무 시사점

1. 트래픽보다 클릭 이후를 본다. 유입을 늘리는 것만큼 들어온 사람이 무엇을 하는지가 성과를 가릅니다. 관점은 SEO의 사각지대는 클릭 다음에 있다에서 자세히 다뤘습니다.
2. 유입 경로별로 행동을 나눠 본다. 검색, 광고, AI 답변처럼 들어온 경로가 다르면 기대도 다릅니다. LLM에서 온 트래픽은 20%로 전환된다처럼 경로별 랜딩 설계가 필요한 이유가 클라리티 녹화에서 확인됩니다.
3. 고칠 것 하나를 정하고 다시 잰다. 녹화에서 찾은 문제를 하나 고친 뒤 같은 필터로 다시 보면 개선 여부를 바로 확인할 수 있습니다.