마이크로소프트에서 만든 무료 웹사이트 분석 서비스를 알고 계신가요? 주로 구글 애널리틱스만 사용하시는 분들도 있는데요, 마이크로소프트의 MS Clarity를 사용하시는 분들도 계실 겁니다. 특히 구글 애드센스를 사용하시는 분들이 많이 사용하여 광고클릭을 어디서 많이 하는지 인사이트를 얻을 때 필요한 분석 가이드 입니다. 오늘 MS Clarity에 대해서도 알아보겠습니다.
MS Clarity 란 어떤 서비스 인가?
마이크로소프트에서 만든 무료 웹사이트 분석 서비스 입니다.
타사의 애널리티스와 마찬가지로 방문자와 클릭과 관련된 수치 분석이 가능합니다.
히트맵(열지도) 이라는 기능과 세션 녹화 기능을 통해 시각적으로 자신의 웹사이트의 통계를 직관적으로 활용할 수 있습니다.
내 웹사이트에 들어온 방문자들이 무엇을 보고, 무엇을 클릭했는지, 스크롤을 어디까지 했는지 확인이 가능합니다.
✅주요기능 확인
① 열지도 (히트맵) 기능
: 프로젝트 연결이 끝나고 나면 메뉴에 열지도(히트맵)가 있습니다. 이 기능은 방문자가 스크롤을 어디까지 내리는 지 색상지도로 표현을 해주게 됩니다.
빨강색이 많을 수록 클릭이 많고, 파랑색에 가까울 수록 클릭이 적다는 뜻입니다.
② 레코딩 (세션 녹화)
방문자가 웹사이트를 방문한 이후 행동, 클릭을 하거나 마우스를 어떻게 움직이는지등 모든 행동을 영상으로 레코딩이 되어 재생해 볼 수 있습니다.
이 두가지의 기능이 일반 애널리틱스 사이트에 없는 기능들이라서 직관적으로 확인이 가능한 만큼 바로 연결해서 사용을 해보는것이 중요하겠습니다.
MS Clarity 블로그스팟에 연결하는 방법
이제 블로그스팟에 MS Clarity를 설치를 진행하여 연결설정을 해보겠습니다.
우선 MS Clarity 사이트에 방문하여 회원가입을 진행해 주세요.
① 새프로젝트 추가
② 자신의 웹사이트명, 웹 사이트 URL , 웹사이트 업계를 선택하여 [새 프로젝트 추가]를 클릭하세요!
③ “거의 완료되었습니다”라는 메시지가 나온다면 “수동으로 설치”의 <추적 코드 받기>를 클릭해주세요!
④ Clarity 코드를 복사하여 블로그스팟의 html 수정에서 <head>에 붙여넣기 해주셔야 합니다, 하단에 <클립보드에 복사>를 클릭하세요!
⑤ 이제 블로그스팟의 테마에 와주셔서 html 수정에서 <head>아래에 붙여넣기를 해주세요! 그리고 마지막 저장을 클릭!
📌이제 MS Clarity 사이트에 돌아오면 “거의 완료되었습니다” 라고 나오면 기다리셔야 합니다. ms에서 인식할 수 있도록 2시간 가량 걸린다고 하네요!
🔽블로그 스팟과 관련된 다른 도움 되는 글도 읽어보세요!
대시보드 기능 확인하기
이제 프로젝트가 연결이 완료가 되면 MS Clarity 사이트에 방문하면 프로젝트가 보일 것입니다. 프로젝트를 클릭하세요. 상단메뉴를 보시면 [대시보드] [레코딩] [열 지도] [설정]이렇게 나눠저 있을 것입니다.
상단의 [대시보드]를 클릭하면 <세션, 세션당 페이지 수, 스크롤 깊이, 소요된 활성 시간> 이렇게 있습니다.
✅<용어 정리>
① 세션 → 방문 횟수 (동일 방문자가 여러 번 방문해도 반영됨)
② 세션당 페이지 수 → 평균적으로 방문자가 몇 개의 페이지를 보고 가는지 확인가능
③ 스크롤 깊이 → 방문자가 페이지를 얼마나 아래까지 스크롤했는지 평균을 나타냄 100%라면 끝까지 읽었다는 뜻
④ 소요된 활성시간 → 방문자가 머무르며 실제로 활동한 시간의 평균 시간
중앙부분에 <Insights>를 보시면
① 빠른 클릭 → 페이지 들어오자마자 급히 클릭한 비율
② 배달 못 한 클릭 → 사용자가 클릭했는데 실제 링크가 없거나 원하는 결과가 안 나온 클릭
③ 과도한 스크롤 → 급하게 내렸다가 찾지 못하는 패턴
④ 빠른 뒤로 가기 → 콘텐츠 기대와 실제가 맞지 않는 경우
✅이렇게 해서 대시보드에서 확인이 가능한 것과 용어를 확인해 봤습니다.
열지도 기능 확인하는 방법
이제 상단의 메뉴중에 [열지도]를 클릭하세요!
열지도는 위에서 설명드린대로 블로그 또는 웹사이트에 방문자들의 행동, 동선파악이 가능합니다.
① 스크롤
아래 사진을 보시면 <스크롤>부분을 보면 사람들이 스크롤을 어디까지 하는지 확인이 가능합니다. 이때 하단까지는 많이 내려가지 않는다면 CTA 기능 같은 것을 중단에 넣는 것이 좋겠죠.
빨간색부분이 사람들이 마우스를 많이 스크롤 하는 곳입니다. 색상이 점점 옅어지고 파랑색으로 나오게 되면 이 부분까지는 사람들이 읽지 않는다고 보면 되겠습니다.
② 주의
이번에는 <주의>를 클릭해보겠습니다. 주의 부분은 사용자들의 관심도를 시각적으로 표현하고 있습니다.
• 빨간색 / 주황색 (뜨거운 색상)
가장 관심도가 높고 집중적으로 보는 곳입니다.
• 노란색 / 녹색
중간정도의 색상이며 콘텐츠를 강화하여 빨간색으로 나오게 노력해야 할 곳입니다.
• 파란색 / 보라색 (차가운 색상)
사람들이 가장 낮은 관심을 보이는 곳입니다. 거의 스크롤 하단 부위들이 되겠습니다. 방문자의 흥미를 끌지 못하고 있는 곳이지요. 내용을 수정하거나 또는 위치를 변경하는 것을 고려할 수 있습니다.
📌이렇게 파악하여 콘텐츠를 수정또는 개선하는 것이 좋겠네요!
레코딩 기능 확인하는 방법
이제 상단메뉴 중에 <레코딩>부분을 확인해 보겠습니다. <레코딩> 기능은 정말 강력한 기능입니다. 방문자들의 어떤 페이지의 어떻게 움직이는 것에 대해 녹화를 해둔것입니다. 따라서 방문자들의 행동을 확인할 수 있습니다.
• 마우스클릭, 스크롤
• 마우스 움직임
• 페이지 이동
방문자가 내 블로그의 어떤 페이지에서 다른 페이지로 이동했는지 순서도 확인이 가능하죠.
따라서 내 블로그 또는 웹사이트에 방문했던 방문자가 바로 닫고 나간다거나, 마우스를 어디를 클릭을 많이 한다거나를 확인해 볼 수 있겠습니다.
맺음말
오늘은 MS Clarity 를 설치하고 연결하고 간단한 기능들을 살펴보았습니다. 블로그 또는 웹사이트를 만드는 분들이라면 반드시 사용을 해보시는 것을 추천드립니다.
정작 내 블로그 방문자들이 어떻게 행동을 하고 어디 부분을 스크롤하고 클릭하는지 알게 되면 개선을 할 수 있는 좋은 방법입니다.
따라서 방문자들의 마음을 알고 소통을 하기위해 배려를 하는 것이 중요한데요. 다른 애널리틱스와 달리 녹화 기능도 있어서 확실히 직관적으로 판단이 가능합니다.
모르셨던 분들에게 도움이 되었으면 좋겠습니다. 감사합니다.