오늘은 블로그 사이트 분석 툴 Microsoft Clarity에 대해 알아보도록 하겠습니다.
무료로 이용하실 수 있으며 다양하고 유용한 기능들이 있으니 확인해보시고 이용해보시면 좋을 것 같습니다.
그럼 바로 Clarity 가입 및 블로그 연동 방법, 사용법에 대해 알아보도록 하겠습니다.
Clarity 가입 및 블로그 연동 방법
가입 방법
1. Clarity 사이트에 접속합니다.
2. 오른쪽 상단의 등록 버튼을 누르시고 회원가입 하시면 됩니다. 에드센스를 사용하시는 분이라면 구글 계정을 이용하시면 됩니다.
Clarity 블로그 연동 방법
블로그 연동도 간단합니다. 다음 3가지 과정을 거치시면 되는데요.
1. 로그인 후, 시작버튼을 누르시면 프로젝트 생성을 하실 수 있습니다.
2. 프로젝트 생성 화면이 나오면 성명과 웹 url을 입력해주시면 됩니다. 성명은 자유롭게 입력해주시고, 웹 url에는 사이트의 url을 입력해주시면 됩니다.
3. 수동으로 설치 버튼을 누르시고, 추적 코드를 복사하여 사이트의 head 요소에 붙여 넣습니다.
블로그 연결은 2시간 정도 걸릴 수도 있다고 합니다.
블로그 연결 확인 방법
블로그 연결을 완료했다면 2시간 정도 지나면 대시보드, 레코딩, heatmaps를 이용하실 수 있습니다.
그러나 시간이 지나기 전에 연결이 시작되었는지 확인하실 수 있는 방법이 2가지 있습니다.
첫 번째로 Clarity에 접속한 상태로 자신에 블로그에 접속해보는 것입니다.
이후 사용자가 이용 중이라는 알림이 발생한다면 연결이 되었다는 것을 알 수 있습니다.
두 번째로는 개발자 도구를 통해 자신의 사이트에서 POST 요청을 보내는지 확인하는 것입니다.
자신의 블로그에서 F12 버튼을 누르시고 네트워크 탭을 누르시고 collect라는 요청이 있는지 확인하시면 됩니다.
만약 둘 중 하나의 과정을 했는데도 연결되지 않았다고 판단되신다면 추적코드가 head 요소 안에 제대로 들어갔는지 확인해주시면 됩니다.
Clarity 사용법
대시보드
첫 번째로 알아볼 기능에는 대시보드가 있습니다.
대시보드는 사이트의 트래픽을 전반적으로 이해하는 데 도움이 되는 집계 지표를 제공합니다.
수치와 시각화를 통해 간단하게 분석할 수 있도록 도와줍니다.
기본적으로 사용자가 사이트를 탐색하는 데 소비한 시간, 방문자 수 같은 지표를 확인하실 수도 있고 좀 더 구체적인 데이터도 제공합니다.
주요 기능에는 insights와 성능 지표가 있습니다.
insights의 항목들을 통해 이 페이지에서 사용자가 어떤 반응을 하는지 수치로 확인하실 수 있습니다.
Rage clicks이나 Dead clicks의 수치가 높다면 페이지 이동이 잘되지 않는다거나 사이트가 느리다거나 하는 불만을 확인하실 수 있구요.
빠른 뒤로 가기나 과도한 스크롤 수치가 높을 경우라면 페이지의 내용이나 UX의 불편함을 느낀다거나 하는 반응을 확인하실 수 있습니다.
성능 지표는 사이트의 사용자 모니터링을 통해 개선해야 할 부분을 확인하도록 설계된 기본 기능입니다.
최대 콘텐츠풀 페인트(LCP) : LCP 측정항목은 페이지 기본 콘텐츠의 로딩 성능을 측정합니다. 이상적인 LCP는 페이지 로딩 시작 후 2.5초 이내에 발생합니다.
FID(첫 입력 지연) : FID는 사이트와의 최초 사용자 상호 작용부터 브라우저가 응답할 수 있는 지점까지의 기간을 측정합니다. FID의 목표는 100밀리초 이하입니다.
CLS(누적 레이아웃 이동) : CLS는 페이지 레이아웃의 안정성을 평가합니다. 0.1초 이하의 CLS는 양호한 것으로 간주됩니다.
Recordings
Recordings를 통해 사용자 작업을 재생하여 사용자 관점, 트래픽 소스, 타이밍 등을 이해할 수 있습니다.
스크롤, 클릭/탭, 페이지/화면 방문 등과 같은 사용자 이벤트를 수집하여 90일 동안 저장합니다.
주로 마우스의 움직임이나 클릭 등을 확인하는데 사용됩니다.
기본적으로 필터와 정렬을 통해 원하는 페이지에서 사용자가 어떻게 활동하는지 확인합니다.
이 기능을 통해 방문자가 사이트에서 무엇을 하려고 하는지, 불만을 느끼는 지점은 어디인지, 행동 유도는 효과적으로 되고 있는지 등을 자세하게 확인하실 수 있습니다.
heatmaps
사용자가 웹사이트와 상호 작용하는 방식에 대해 집계된 정보를 쉽게 분석할 수 있도록 하는 시각화 도구입니다.
클릭, 스크롤, 영역 탭으로 구분되고 동일한 행동이 많을 수록 빨갛게 표현되고 적을 수록 파란 색으로 표시됩니다.
클릭 탭에서는 번호에 마우스를 가져다대면 몇 번의 행동이 발생했는지 구체적인 데이터를 알 수 있습니다.
스크롤 탭에서는 사용자가 어느 특정 부분에서 집중하는지 확인하실 수 있습니다.
이를 통해 사용자가 원하는 것이 자신이 생각한 것과 일치하는지 수정해야 하는 지와 같은 것을 쉽게 확인하실 수 있습니다.
마치며
지금까지 Clarity 가입 및 블로그 연동 방법, 사용법에 대해 알아보았습니다.
블로그나 사이트를 운영하신다면 사용할 수 밖에 없는 편리한 도구라고 생각되네요.
추가적으로 궁금한 기능이 있으시다면 Clarity 가이드 문서에서 확인하실 수 있습니다.
끝까지 읽어주셔서 감사합니다.
블로그의 다른 글을 보고 싶으시다면?
👍 비아지오 v5가 사랑받는 이유는? 소개 가격 as 리퍼 할인 이벤트 후기