마이크로소프트 클래리티 사용법: 광고 랜딩 이탈 찾는 4단계

Oct 27, 2026
마이크로소프트 클래리티 사용법: 광고 랜딩 이탈 찾는 4단계

마이크로소프트 클래리티는 단순한 무료 히트맵 도구가 아닙니다. 광고를 클릭한 사람이 랜딩에서 어디서 멈추고, 어디서 헤매고, 어디서 나가는지를 숫자가 아닌 행동으로 보여주는 진단 도구입니다.

클래리티 사용법에서 가장 중요한 건 설치가 아니라 "무엇을 확인하려고 여는가"를 먼저 정하는 것입니다. 질문 없이 히트맵을 열면 예쁜 색만 보고 닫게 됩니다. 광고 유입만 따로 걸러서 스크롤 깊이 → 클릭 행동 → 세션 녹화 순서로 좁혀 들어가야 실제로 고칠 지점이 나옵니다.

아래에서 설치 직후 손봐야 할 설정부터, 광고 랜딩 이탈 지점을 찾는 4단계 판독 순서와 실패 사례까지 기준별로 설명합니다.

1. 마이크로소프트 클래리티 설치와 초기 설정: 데이터가 쌓이기 전에 정할 것

클래리티는 무료이고 트래픽 제한이 없습니다.

그래서 많은 분들이 "일단 코드만 깔아두자"로 시작합니다.

문제는 초기 설정 없이 2~3주가 지나면, 쌓인 데이터를 다시 쪼갤 방법이 없다는 점입니다.

1-1. 설치 방식은 3가지 중 하나로 고릅니다

설치 방식

적합한 경우

주의할 점

추적 코드 직접 삽입

개발자가 head 영역을 바로 수정할 수 있을 때

페이지 템플릿마다 누락 여부 확인

GTM 커뮤니티 템플릿

이미 GTM으로 픽셀·GA4를 관리할 때

트리거를 '모든 페이지'로, 동의 모드와 순서 충돌 확인

플랫폼 연동(쇼피파이·워드프레스 등)

코드 수정 권한이 제한적일 때

결제 페이지 등 플랫폼 소유 영역은 수집 안 될 수 있음

광고 계정과 측정 태그를 GTM 한 곳에서 관리하고 있다면 GTM 방식이 가장 깔끔합니다.

태그 하나 추가하고 미리보기에서 실행 여부만 확인하면 끝나기 때문입니다.

GTM 설치 방법: 컨테이너 코드부터 게시까지 4단계 기준

1-2. 설치 직후 꼭 손봐야 할 설정 4가지

① 마스킹 모드 확인

기본값은 '균형(Balanced)'으로, 입력란 등 민감한 텍스트를 가립니다.

회원가입·주문서처럼 개인정보 입력이 많은 사이트라면 '엄격(Strict)'으로 두는 편이 안전합니다.

반대로 상품명·가격까지 가려져 녹화를 봐도 무슨 화면인지 모르겠다면, 해당 요소만 개별적으로 마스킹 해제합니다.

② GA4 연동 켜기

설정의 Setup 메뉴에서 GA4를 연동하면, GA4 쪽에서 세션별 클래리티 녹화 링크를 확인할 수 있습니다.

"GA4에서 이탈이 높은 랜딩 → 그 세션 녹화로 바로 이동"이 가능해지는 게 핵심입니다.

③ IP 차단(내부 트래픽 제외)

마케터·디자이너·개발자가 랜딩을 수십 번 새로고침한 기록이 섞이면, 스크롤 히트맵의 도달률이 실제보다 높게 찍힙니다.

사무실 IP는 설치 첫날 바로 제외합니다.

④ UTM 규칙 점검

클래리티는 필터에서 utm_source, utm_medium, utm_campaign 단위로 세션을 걸러낼 수 있습니다.

광고 URL에 UTM이 일관되게 붙어 있지 않으면 "메타 유입만 보기" 자체가 불가능해집니다.

-> 핵심: 클래리티의 분석 품질은 설치 코드가 아니라 UTM과 내부 트래픽 정리에서 결정됩니다.

2. 클래리티 대시보드 보는 법: 광고 유입만 걸러야 숫자가 의미를 가집니다

클래리티 대시보드를 처음 열면 세션 수, 페이지당 스크롤 깊이, 활성 시간과 함께 여러 '행동 신호'가 보입니다.

이 숫자를 전체 트래픽 기준으로 보면 거의 쓸모가 없습니다.

자연 검색으로 들어온 기존 고객과 광고로 처음 들어온 신규 방문자는 행동이 완전히 다르기 때문입니다.

2-1. 필터를 먼저 걸고 대시보드를 봅니다

실무에서 가장 자주 쓰는 필터 조합은 아래와 같습니다.

  • 트래픽 소스: utm_source = meta / naver / google 등 매체별로 분리

  • URL: 광고 랜딩 URL 하나로 고정

  • 디바이스: 모바일과 PC 분리 (광고 유입 대부분이 모바일인 경우가 많음)

  • 기간: 소재·랜딩 변경 시점 전후로 나눔

같은 랜딩이라도 매체별로 스크롤 깊이가 크게 다르게 나오는 경우가 흔합니다.

검색광고 유입은 이미 구매 의도가 있어 가격·옵션 영역까지 빠르게 내려가고, 피드 광고 유입은 첫 화면에서 판단을 끝내는 비중이 높습니다.

이 차이를 섞어서 보면 "평균적으로 괜찮은 랜딩"이라는 잘못된 결론이 나옵니다.

2-2. 행동 신호 5가지와 해석 기준

신호

의미

광고 랜딩에서 의심할 원인

데드 클릭(Dead clicks)

클릭했는데 아무 반응 없음

링크 없는 이미지·텍스트가 버튼처럼 보임

레이지 클릭(Rage clicks)

같은 곳을 짧은 시간에 연속 클릭

버튼 미작동, 로딩 지연, 옵션 선택 오류

과도한 스크롤(Excessive scrolling)

위아래로 반복 스크롤

원하는 정보(가격·구성)를 못 찾음

퀵백(Quick backs)

다른 페이지로 갔다가 바로 복귀

클릭 기대와 이동한 페이지가 다름

자바스크립트 오류

스크립트 에러 발생 세션

결제·장바구니 기능 오작동

여기서 판단 기준 하나를 기억해두시면 좋습니다.

비율이 아니라 '변화'를 봅니다.

데드 클릭 비율 자체는 사이트 구조에 따라 원래 높게 나오는 곳도 있습니다.

중요한 건 랜딩을 수정했거나 새 소재를 켠 뒤에 특정 신호가 이전 기간보다 뚜렷하게 늘었는지입니다.

2-3. 실무에서 자주 보는 패턴

건강식품·뷰티처럼 상세페이지가 긴 카테고리에서는, 레이지 클릭이 상품 구성 선택 영역(1개/3개/6개 세트 탭)에 몰리는 경우가 자주 나옵니다.

탭을 눌렀는데 가격이 바뀌는 데 1~2초가 걸리면, 사용자는 반응이 없다고 느끼고 연타합니다.

이 경우 문제는 카피나 디자인이 아니라 스크립트 반응 속도이고, 개발 수정 한 번으로 해결됩니다.

-> 핵심: 대시보드는 '좋다/나쁘다'를 보는 화면이 아니라 어느 신호를 따라 녹화로 들어갈지 정하는 화면입니다.

3. 클래리티 히트맵과 세션 녹화로 광고 랜딩 이탈 지점 찾는 4단계

여기부터가 클래리티 사용법의 본론입니다.

광고 랜딩 이탈 진단은 아래 순서로 넓은 곳에서 좁은 곳으로 내려가야 시간 낭비가 없습니다.

3-1. 1단계 — 스크롤 히트맵으로 '도달선' 확인

스크롤 히트맵은 페이지의 각 지점까지 내려온 방문자 비율을 보여줍니다.

먼저 확인할 것은 단 하나입니다.

구매 버튼(또는 신청 폼)이 있는 위치까지 몇 %가 도달하는가.

실무에서 쓰는 대략적인 판단 기준은 이렇습니다.

  • 핵심 CTA까지 도달률이 절반 이상 → 스크롤 구조 자체는 큰 문제 없음, 클릭 단계를 볼 차례

  • 첫 화면 직후 도달률이 급격히 꺾임 → 첫 화면이 광고 소재의 약속과 어긋날 가능성

  • 중간 특정 구간에서 계단처럼 뚝 떨어짐 → 그 구간의 콘텐츠(긴 성분표, 무거운 이미지)가 이탈 원인

특히 첫 화면 직후 급락 패턴은 광고 소재와 랜딩 첫 화면의 메시지가 다를 때 가장 많이 나타납니다.

소재에서는 "첫 구매 50% 할인"을 말했는데 랜딩 첫 화면은 브랜드 스토리로 시작하는 식입니다.

광고 소재와 랜딩 메시지 일치: 이탈 막는 4가지 점검 기준

3-2. 2단계 — 클릭 히트맵으로 '헛클릭' 확인

도달은 되는데 전환이 없다면 클릭 히트맵을 봅니다.

확인할 포인트는 세 가지입니다.

① CTA 버튼보다 다른 요소에 클릭이 더 많이 몰리는지

② 링크가 없는 이미지(후기 캡처, 비포·애프터 사진)에 클릭이 집중되는지

③ 모바일에서 하단 고정 버튼과 본문 버튼 중 어느 쪽이 실제로 눌리는지

후기 이미지에 클릭이 몰린다면, 사용자는 "더 보고 싶다"는 신호를 보내고 있는 겁니다.

이 경우 후기를 펼쳐보는 기능을 추가하거나, 후기 섹션 바로 아래에 CTA를 하나 더 두는 것만으로 클릭 흐름이 달라지는 경우가 많습니다.

3-3. 3단계 — 영역 히트맵으로 '섹션 단위' 비교

영역(Area) 히트맵은 페이지를 섹션 단위로 묶어 클릭 비중을 보여줍니다.

랜딩 A/B 테스트를 할 때 특히 유용합니다.

같은 기간, 같은 광고 소스 필터를 걸고 A안과 B안의 섹션별 클릭 비중을 나란히 비교하면, 전환율 숫자만으로는 알 수 없는 "왜 B가 이겼는가"가 보입니다.

3-4. 4단계 — 세션 녹화는 '조건을 건 뒤' 20~30개만 봅니다

세션 녹화는 가장 강력하지만, 가장 시간을 많이 잡아먹는 기능입니다.

무작위로 녹화를 틀면 한 시간을 봐도 결론이 안 나옵니다.

반드시 아래처럼 조건을 걸고 봅니다.

  • 광고 소스 + 랜딩 URL 필터

  • '레이지 클릭 있음' 또는 '퀵백 있음' 같은 행동 신호 필터

  • 세션 길이 10초 이상 (첫 화면만 보고 바로 나간 세션은 스크롤 히트맵으로 충분)

이 조건에서 20~30개 정도를 보면, 같은 행동이 반복되는 지점이 대부분 드러납니다.

같은 행동이 3분의 1 이상의 세션에서 반복된다면 개별 사용자 문제가 아니라 랜딩 구조 문제로 판단해도 무리가 없습니다.

녹화를 볼 때는 1.5~2배속에 '비활성 구간 건너뛰기'를 켜두면 시간을 크게 줄일 수 있습니다.

최근 버전에는 Copilot 요약 기능도 있어 녹화 묶음의 공통 행동을 요약해 주지만, 요약은 가설을 세우는 용도로만 쓰고 결론은 직접 녹화로 확인하는 편이 안전합니다.

3-5. 실패 사례: 히트맵만 보고 버튼 색을 바꾼 경우

흔한 실패 패턴이 하나 있습니다.

클릭 히트맵에서 CTA 클릭이 적다는 것만 보고, 버튼 색과 문구를 세 번 연속으로 바꾸는 경우입니다.

성과는 그대로입니다.

나중에 녹화를 보면 원인은 따로 있었습니다.

모바일에서 옵션을 선택하지 않으면 버튼이 비활성 상태인데, 비활성 상태라는 표시가 없어서 사용자가 버튼을 눌러도 반응이 없었던 겁니다.

클릭 히트맵에는 "클릭이 적다"로만 보이지만, 녹화에는 "눌렀는데 안 된다"가 보입니다.

-> 핵심: 히트맵은 어디서를 알려주고, 녹화는 왜를 알려줍니다. 둘 중 하나만 보고 수정하면 엉뚱한 곳을 고치게 됩니다.

광고 클릭은 많은데 전환이 없을때: 0건 원인 가르는 3구간 진단

4. 클래리티와 GA4 함께 쓰는 법: 숫자와 행동을 연결하는 운영 루틴

클래리티는 GA4를 대체하지 않습니다.

GA4는 "몇 명이, 어느 단계에서" 빠지는지를 보여주고, 클래리티는 "그 사람들이 거기서 무엇을 했는지"를 보여줍니다.

둘을 연결하는 순서를 정해두면 주간 점검이 훨씬 빨라집니다.

4-1. 역할 분담 기준

질문

먼저 볼 도구

이어서 볼 도구

어느 랜딩의 전환율이 떨어졌나

GA4 랜딩페이지 보고서

클래리티 해당 URL 대시보드

퍼널 중 어느 단계에서 빠지나

GA4 유입경로 탐색

클래리티 해당 단계 페이지 녹화

특정 매체 유입만 이상한가

GA4 소스/매체 비교

클래리티 UTM 필터 히트맵

버튼이 실제로 작동하나

클래리티 레이지 클릭·JS 오류

GA4 이벤트 발생 수와 대조

GA4 퍼널 이탈 분석: 새는 단계 찾는 4가지 설정 기준

4-2. 맞춤 태그로 세션에 '광고 정보' 붙이기

UTM만으로 부족할 때는 클래리티의 맞춤 태그(custom tags)를 씁니다.

clarity("set", "키", "값") 형태로 세션에 원하는 정보를 붙일 수 있습니다.

예를 들어 랜딩 A/B 테스트 버전, 회원/비회원 여부, 선택한 상품 구성을 태그로 붙여두면 "B안 + 비회원 + 6개 세트 선택" 같은 조건으로 녹화를 걸러볼 수 있습니다.

GTM을 쓰고 있다면 데이터영역 변수를 그대로 클래리티 태그로 넘기는 방식이 가장 관리하기 편합니다.

4-3. 주간 운영 루틴 (30분 기준)

① GA4에서 광고 랜딩별 전환율 변화 확인 (5분)

② 변화가 큰 랜딩 1~2개만 골라 클래리티에서 광고 소스 필터 적용 (5분)

③ 스크롤 히트맵 도달선과 지난주 비교 (5분)

④ 행동 신호가 늘어난 항목이 있으면 해당 조건으로 녹화 10~15개 시청 (10분)

⑤ 수정 가설 1개만 정리해 다음 주 반영 (5분)

여기서 중요한 건 매주 가설을 하나만 정한다는 점입니다.

한 번에 세 군데를 고치면, 다음 주에 무엇 때문에 바뀌었는지 알 수 없습니다.

4-4. 데이터 보관과 개인정보 주의사항

세션 녹화는 일정 기간이 지나면 삭제되므로, 근거로 남겨야 할 녹화는 즐겨찾기나 라벨로 저장해 둡니다.

또한 녹화에 개인정보가 노출되지 않도록 마스킹 설정을 주기적으로 점검해야 합니다.

랜딩을 리뉴얼하면서 새 입력 폼이 추가되면, 기존 마스킹 규칙이 새 요소에 적용되지 않는 경우가 있습니다.

개인정보처리방침에 행태정보 수집 도구 사용 사실을 고지하는 것도 함께 확인합니다.

-> 핵심: GA4로 어디를 볼지 정하고, 클래리티로 무엇을 고칠지 정합니다. 순서를 뒤집으면 녹화만 몇 시간 보다 끝납니다.

자주 묻는 질문

Q1. 마이크로소프트 클래리티는 정말 무료인가요?

네, 무료이며 트래픽 양에 따른 유료 요금제가 없습니다. 다만 녹화 데이터는 일정 기간 후 삭제되므로, 오래 보관해야 하는 세션은 즐겨찾기로 따로 저장해야 합니다.

Q2. 클래리티 설치 후 데이터는 언제부터 보이나요?

설치 후 보통 몇 시간 안에 첫 세션이 대시보드에 나타납니다. 히트맵이 의미 있는 패턴을 보이려면 광고 랜딩 기준으로 최소 며칠, 세션 수백 건 이상 쌓인 뒤에 판단하는 편이 안전합니다.

Q3. 클래리티를 설치하면 사이트 속도가 느려지나요?

스크립트는 비동기로 로드되어 체감 속도 영향은 크지 않은 편입니다. 다만 이미 여러 픽셀과 태그가 붙어 있는 사이트라면, 설치 전후로 페이지 속도 측정값을 한 번 비교해 두는 것을 권장합니다.

Q4. 클래리티와 GA4 데이터의 세션 수가 다른 이유는?

두 도구는 세션을 정의하는 기준, 봇 필터링 방식, 동의 여부에 따른 수집 범위가 다릅니다. 따라서 세션 수를 맞추려 하기보다, 클래리티는 행동 패턴 확인용, GA4는 전환 집계용으로 역할을 나눠 쓰는 것이 맞습니다.

Q5. 클래리티 히트맵만 보고 랜딩을 수정해도 되나요?

히트맵은 이탈이 일어나는 위치까지만 알려줍니다. 수정 전에는 해당 조건의 세션 녹화를 20~30개 정도 확인해서, 사용자가 왜 그 지점에서 멈추는지 원인을 확인한 뒤 고치는 것을 권장합니다.

마무리

마이크로소프트 클래리티 사용법을 정리하면 이렇습니다.

설치는 10분이면 끝나지만, 쓸모 있는 데이터는 UTM 정리, 내부 트래픽 제외, 마스킹 설정이 먼저 돼 있어야 쌓입니다.

분석은 반드시 광고 유입만 걸러서 시작하고, 스크롤 도달선 → 클릭 히트맵 → 영역 비교 → 조건부 세션 녹화 순서로 좁혀 들어갑니다.

그리고 GA4로 어디를 볼지 정한 다음, 클래리티로 무엇을 고칠지 정합니다.

광고 성과가 나오지 않을 때 소재와 입찰만 만지는 경우가 많습니다.

하지만 클릭 이후의 문제는 광고 관리자 화면에 보이지 않습니다.

이번 주 광고 랜딩 하나를 골라, 광고 유입 필터를 건 스크롤 히트맵부터 열어보세요.

광고 랜딩페이지 만드는 법: 소재와 맞추는 4단계 설계 기준

Share article