Microsoft Clarity 연동

LanderLab의 히트맵은 방문자가 어디를 클릭하고 어디서 멈추는지 보여 줍니다. Clarity는 녹화를 더해, 테스트하는 모든 변형에서 숫자 뒤의 세션을 무료로 볼 수 있게 합니다.

  • 기본 내장 연동
  • 랜딩 페이지, 퀴즈 퍼널

연결하는 이유

Microsoft Clarity와 LanderLab을 함께 쓰는 이유

  • LanderLab이 만들지 않는 세션 녹화

    LanderLab의 히트맵은 사람들이 어디를 클릭하고 어디서 멈추는지 보여 줍니다. Clarity의 리플레이는 첫 스크롤부터 이탈까지 방문 전체를 보여 줍니다.

  • 무료, 넘어설 요금제도 없음

    Clarity는 비용이 들지 않습니다. 프로젝트당 하루 최대 100,000건의 녹화를 보관한 뒤에야 샘플링을 시작합니다.

  • 캠페인별로 걸러 보는 녹화

    UTM의 소스, 매체, 캠페인으로 걸러서, 같은 랜딩 페이지의 Meta 세션과 Google 세션을 따로 보세요.

  • 기본으로 가려지는 양식 입력

    Clarity는 방문자가 입력란에 입력한 텍스트, 숫자, 이메일 주소를 가리므로, 리드 정보가 녹화와 함께 업로드되지 않습니다.

  • 변형 하나에만, 또는 모두에

    Clarity를 불러올 변형을 고르세요. 전체 그림을 보려면 모두에, 디자인 하나를 살펴보려면 하나에만.

랜딩 페이지에서 쓰는 Microsoft Clarity

LanderLab은 따로 연결할 것 없이 이미 모든 변형의 클릭, 스크롤 깊이, 분노 클릭, 데드 클릭을 보여 줍니다. 하지 않는 것은 세션 녹화입니다. Clarity가 그 빈틈을 채웁니다. Clarity 프로젝트 ID를 한 번 입력하면 LanderLab이 선택한 페이지와 변형에 Clarity 스크립트를 추가하므로, 실제 유료 방문자가 페이지를 어떻게 지나가는지 다시 볼 수 있습니다.

숫자 뒤의 세션을 보고 싶은 바이어를 위한 것입니다. 변형 B가 왜 덜 전환되는지, 퀴즈 3단계에서 사람들이 어디서 망설이는지, 방문자가 뒤로 가기를 누르기 직전에 무엇을 했는지. Clarity는 무료이고, 필터가 UTM을 이해합니다.

테스트하는 변형의 Microsoft Clarity 녹화

LanderLab은 LanderLab 계정에 한 번 저장한 프로젝트 ID로 라이브 페이지에 Clarity 스크립트를 추가합니다. 테스트의 모든 변형에, 또는 디자인 하나를 따로 보려면 한 변형에만. 녹화는 다음 유료 방문부터 시작됩니다.

지는 변형을 지켜보세요

A/B 테스트는 변형 B가 덜 전환된다고 알려 줍니다. Clarity 녹화는 어디서인지 보여 줍니다. 사람들이 멈추는 필드, 그냥 스크롤해 지나치는 섹션, 떠나는 지점. B에서 그 부분을 고치고 테스트를 다시 돌리거나, 무엇이 잘못됐는지 알고 테스트를 끝내세요.

LanderLab의 히트맵은 페이지의 어느 부분이 문제인지 알려 줍니다. 녹화는 그 문제가 방문자 쪽에서 어떻게 보이는지 알려 주고, 수정에 필요한 것은 대개 그것입니다.

분노 클릭을 다시 보기

LanderLab 자체 히트맵은 이미 변형마다 분노 클릭과 데드 클릭을 표시합니다. Clarity는 그런 일이 일어난 세션을 다시 보게 해 주고, 자체 신호도 몇 가지 더합니다. 빠른 뒤로 가기, 과도한 스크롤, 클릭 뒤에 발생하는 JavaScript 오류. 유료 트래픽에서 이는 하나하나가 돈 내고 보낸 페이지와 씨름하는 방문자이고, 리플레이는 그 사람이 무엇을 하려 했는지 정확히 보여 줍니다.

캠페인과 소스별로 걸러 보는 녹화

Clarity의 트래픽 필터는 utm_source, utm_medium, utm_campaign을 읽으므로, 같은 랜딩 페이지를 TikTok 방문자의 눈과 Google 검색자의 눈으로 따로 볼 수 있습니다. 봇 트래픽도 별도 필터로 표시합니다.

퀴즈의 JS 코드 탭에서 제출 시 Clarity에 커스텀 이벤트를 보내거나 방문자가 도달한 단계로 세션에 태그를 달 수 있고, 둘 중 어느 것으로든 녹화를 걸러 볼 수 있습니다.

활용 사례

유료 트래픽에서 Microsoft Clarity를 활용하는 방법

  • 01

    Meta에서 돌리는 태양광 퀴즈

    전기 요금 단계에서 완료율이 떨어집니다. Meta 세션의 Clarity 녹화를 보면 방문자가 자기 요금에 맞는 구간을 찾아 스크롤하고 있으므로, 그 단계의 선택지를 더 적고 넓게 바꿉니다.

  • 02

    네이티브 트래픽에서 돌리는 기사형 광고

    utm_source로 녹화를 걸러 보면 Taboola 독자는 오퍼 버튼까지 훑어 내려가고 Outbrain 독자는 스토리를 읽으므로, 소스마다 페이지 버전을 따로 줍니다.

  • 03

    유료 트래픽 런칭 당일 QA

    캠페인 첫 몇 시간 동안 모바일에서 데드 클릭이나 클릭 오류가 있는 녹화가, 하루 예산을 통째로 쓰기 전에 작동하지 않는 버튼을 드러냅니다.

FAQ

Microsoft Clarity 연동 FAQ

여기에 없는 내용은 문의하세요.

Microsoft Clarity와 LanderLab

LanderLab은 Microsoft Clarity와 연동되나요?

네. Clarity 프로젝트 ID를 LanderLab에 한 번 입력하면, 선택한 페이지와 변형에 Clarity 스크립트를 추가합니다.

LanderLab에 히트맵이 있는데 Clarity가 필요한가요?

히트맵 때문이라면 필요 없습니다. LanderLab은 변형별로 클릭, 스크롤 깊이, 분노 클릭, 데드 클릭을 자체적으로 보여 줍니다. Clarity는 LanderLab이 만들지 않는 세션 녹화와 함께 자체 필터와 인사이트를 더합니다.

Microsoft Clarity는 무료인가요?

네. Clarity는 무료입니다. 프로젝트당 하루 최대 100,000건의 녹화를 보관하고, 그 이상은 샘플링합니다.

Clarity가 사람들이 양식에 입력하는 내용도 녹화하나요?

기본적으로 Clarity는 입력란의 텍스트, 숫자, 이메일 주소를 가리므로 업로드되지 않습니다.

Clarity 녹화를 UTM 캠페인별로 걸러 볼 수 있나요?

네. Clarity의 트래픽 필터에는 UTM 파라미터의 소스, 매체, 캠페인이 있습니다.

테스트의 변형 하나에만 Clarity를 돌릴 수 있나요?

네. 어떤 변형이 Clarity를 불러올지 직접 고르므로, 모두 녹화하거나 디자인 하나만 따로 볼 수 있습니다.

다른 연동

나머지 스택도 연결하세요.

Microsoft Clarity를 연결하고 다음 페이지를 런칭하세요.

페이지를 만들고, Microsoft Clarity를 켜고, 광고를 그 페이지로 보내세요. 카드 없이 무료로 시작하세요.

프롬프트 하나에서 검증된 리드까지

프롬프트 하나가 라이브 태양광 견적 퍼널이 되고, 모든 리드가 구매자에게 라우팅되며, 예산을 갉아먹기 전에 새는 곳이 표시되는 과정을 보세요.

0:00
0:59