히트맵 개요
히트맵이란?
섹션 제목: “히트맵이란?”히트맵(Heatmap)은 사용자가 웹사이트와 상호작용하는 방식을 집계하여 시각적으로 분석할 수 있게 해주는 도구입니다.
Clarity는 모바일, 데스크톱, 태블릿에서 발생하는 모든 방문자의 클릭과 스크롤을 추적하여 자동으로 히트맵을 생성합니다. 이 데이터를 통해 가장 참여도가 높은 영역을 파악하고 개선이 필요한 부분을 찾아낼 수 있습니다.
생성 지연이 없습니다. 히트맵은 몇 초 안에 결과를 반환합니다. Clarity는 클릭맵, 스크롤맵, 영역맵, 전환맵, 어텐션맵을 지원합니다.
히트맵은 단일 페이지 또는 페이지 그룹에 대해 생성할 수 있습니다.
왜 Clarity 히트맵을 사용해야 할까?
섹션 제목: “왜 Clarity 히트맵을 사용해야 할까?”히트맵을 활용하면 여러 세션에 걸친 사용자 행동을 한눈에 파악하여, 페이지에서 무엇이 효과적이고 무엇이 그렇지 않은지 쉽게 식별할 수 있습니다.
- 스크롤맵으로 페이지 요소의 배치 순서가 적절한지 확인할 수 있습니다.
- 클릭맵으로 CTA(행동 유도 버튼)가 사용자의 관심을 끌고 있는지 확인할 수 있습니다.
- 전환맵으로 가장 많은 매출을 발생시키는 클릭을 파악할 수 있습니다.
히트맵은 어떻게 동작하나요?
섹션 제목: “히트맵은 어떻게 동작하나요?”히트맵은 Clarity가 이미 수집한 데이터를 기반으로 생성됩니다. Clarity는 선택한 필터 조건에 따라 여러 페이지 뷰의 클릭/스크롤 도달 정보를 집계하여 히트맵을 만듭니다.
히트맵 초기 상태
섹션 제목: “히트맵 초기 상태”온보딩 후 히트맵으로 이동하면 인기 페이지 목록이 표시됩니다. 필터와 세그먼트를 조정하여 원하는 조건으로 조회할 수 있습니다. 페이지는 세션 수가 많은 순서로 정렬되며, 페이지 제목, URL, 방문 수가 함께 표시됩니다.
페이지 제목은 브라우저 탭과 검색 결과에 표시되는 텍스트로, 웹페이지 내용을 간략하게 설명합니다. SEO 개선을 위해 페이지 제목이 명확하고, 관련성 있으며, URL과 일치하는지 확인하세요. 페이지에 제목이 없다면 추가하면 검색 노출과 사용자 경험이 향상됩니다. & more 라벨은 하나의 URL에 여러 페이지 제목이 연결되어 있음을 나타냅니다.
URL 또는 URL의 일부를 입력하여 히트맵을 조회할 수도 있습니다. 경로 필터와 지원 연산자에서 자세한 방법을 확인하세요.
URL 파라미터
섹션 제목: “URL 파라미터”URL 파라미터를 토글하고 URL을 선택하면, 해당 URL과 파라미터가 정확히 일치하는 히트맵을 볼 수 있습니다. 토글을 끄면 파라미터 유무와 관계없이 해당 값으로 시작하는 히트맵을 볼 수 있습니다.
녹화(Recordings) 또는 대시보드(Dashboard) 섹션에서 이미 방문 URL 필터를 적용한 경우, 히트맵 섹션에서는 초기 상태 대신 해당 URL의 히트맵이 바로 표시됩니다.
히트맵의 종류
섹션 제목: “히트맵의 종류”상호작용 유형에 따라 다양한 히트맵이 제공됩니다.
클릭맵
섹션 제목: “클릭맵”히트맵을 클릭하면 사용자가 페이지의 어디를 클릭하고 있는지 확인할 수 있습니다. 가장 많이 클릭된 요소와 해당 클릭 수에 대한 정보를 제공합니다.
Clarity의 클릭맵은 절대 마우스 좌표 대신 요소(element) 기반 사용자 클릭이라는 고급 방법론으로 구축됩니다. 다양한 뷰포트 크기, 반응형 사이트 디자인, 페이지 상태 등의 시나리오에서도 정확하게 사용자 열기(heat)를 계산합니다.
다양한 클릭맵 유형이 있습니다:
- 전체 클릭
- 데드 클릭
- 레이지 클릭
- 에러 클릭
- 첫 번째 클릭
- 마지막 클릭
스크롤맵
섹션 제목: “스크롤맵”Clarity 스크롤맵은 사용자가 페이지를 얼마나 아래로 스크롤했는지 추적합니다(뜨거운 색=인기, 차가운 색=비인기). 다음 정보를 제공합니다:
- 웹페이지의 특정 섹션까지 스크롤한 사용자의 비율
- 평균 폴드(Average fold): 사용자가 스크롤을 시작하기 전에 볼 수 있는 웹페이지의 평균 위치를 나타냅니다.
이 히트맵은 웹페이지에서 가장 많이/적게 조회된 부분을 표현할 때 가장 유용합니다. 사용자가 스크롤하기 전에 평균적으로 어디까지 볼 수 있는지 시각화하기 위해 평균 폴드가 계산됩니다.
영역맵
섹션 제목: “영역맵”Clarity 영역맵은 선택한 영역 내 모든 요소의 총 클릭 수를 표시합니다.
클릭맵과 달리 영역을 직접 선택하여 해당 영역 내 모든 요소의 클릭을 확인할 수 있습니다.
전환맵
섹션 제목: “전환맵”전환맵은 이커머스 사이트의 구매율에 대한 구체적인 데이터를 제공합니다. 전환맵을 통해 어떤 클릭이 최고의 전환으로 이어지는지, 어떤 요소가 가장 높은 구매 금액을 발생시키는지, 페이지의 어떤 부분이 덜 성공적인지 파악할 수 있습니다.
어텐션맵
섹션 제목: “어텐션맵”어텐션맵은 사용자가 페이지의 각 부분에서 보낸 시간을 표시합니다.
히트맵으로 전환율을 높이려면?
섹션 제목: “히트맵으로 전환율을 높이려면?”- 히트맵 비교 기능을 사용하여 사이트 변경이 전환에 어떤 영향을 미쳤는지 확인할 수 있습니다.
- 페이지에서 가장 참여도가 높은 영역을 파악하여 집중적으로 개선할 수 있습니다.
- 히트맵으로 사이트의 요소 배치 순서가 사용자에게 적절한지 쉽게 판단할 수 있습니다.
- 클릭 데이터에서 인사이트를 얻어 사용자가 어떤 요소에 반응하는지 이해하고, 데이터 기반의 디자인 결정을 내릴 수 있습니다.
- 스크롤맵으로 사용자가 페이지에서 놓치는 콘텐츠를 파악하여, 중요한 요소가 항상 접근 가능하도록 배치할 수 있습니다.
FAQ
섹션 제목: “FAQ”더 많은 답변은 히트맵 FAQ를 참고하세요.
번역: jh.lee@medibuilder.com with Claude Code