랜딩 페이지에서 쓰는 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에 커스텀 이벤트를 보내거나 방문자가 도달한 단계로 세션에 태그를 달 수 있고, 둘 중 어느 것으로든 녹화를 걸러 볼 수 있습니다.