Hotjar 연동

숫자는 페이지가 부진하다고 말합니다. Hotjar의 녹화와 페이지 내 설문은 그 이유를 방문자 자신의 클릭과 말로 알려 줍니다.

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

연결하는 이유

Hotjar와 LanderLab을 함께 쓰는 이유

  • 실제 유료 방문 녹화

    광고에서 온 방문자가 페이지를 어떻게 지나가는지, 히트맵이 보여 줄 수 없는 망설임과 오락가락까지 지켜보세요.

  • 방문자에게 왜 전환하지 않았는지 물으세요

    Hotjar Surveys가 "무엇이 망설여졌나요?" 같은 질문을 페이지에 띄우고, 답변은 방문자 자신의 말로 돌아옵니다.

  • Hotjar가 걸러 볼 수 있는 퀴즈 이벤트

    퀴즈의 JS 코드 탭에서 제출 시나 특정 단계에 Hotjar로 이벤트를 보낸 뒤, 그 이벤트로 녹화를 걸러 보거나 설문을 띄우세요.

  • 중요한 세션만 수집

    Hotjar는 이벤트가 실행될 때 세션 수집을 시작할 수 있으므로, 남는 녹화는 실제로 보게 될 녹화입니다.

  • LanderLab 히트맵과 나란히

    집계와 히트맵은 계속 LanderLab이 맡고, Hotjar는 녹화와 그 뒤의 말을 더합니다.

랜딩 페이지에서 쓰는 Hotjar

LanderLab은 다른 도구 없이 모든 변형의 클릭, 스크롤 깊이, 분노 클릭과 데드 클릭을 보여 줍니다. Hotjar는 그 지도가 던지는 질문을 위한 도구입니다. Hotjar를 연결하면 트래킹 코드가 라이브 LanderLab 페이지에서 돌아가며 광고가 보낸 방문을 녹화하고, 방문자에게 무엇을 찾고 있었는지 묻는 설문의 문도 열립니다.

숫자 옆에 정성적인 답을 원하는 팀에게 맞습니다. 퀴즈를 다시 쓰는 리드 제너레이션 업체, 새 기사형 광고 소구점을 테스트하는 브랜드, 데모 페이지에 방문은 많은데 요청은 적은 이유를 알고 싶은 B2B 팀.

랜딩 페이지의 Hotjar 녹화

Hotjar를 연결하면 트래킹 코드가 라이브 LanderLab 페이지에서 돌아갑니다. Hotjar가 광고가 보낸 방문을 녹화하므로, 에디터에서 보이는 모습이 아니라 유료 방문자가 실제로 쓰는 모습으로 페이지를 봅니다. 다시 읽는 문구, 건너뛰었다 돌아오는 필드, 뒤로 가기 버튼에 손을 뻗는 순간.

Hotjar Surveys로 이유를 물으세요

녹화는 무슨 일이 있었는지 보여 주고, 설문은 왜인지 묻습니다. Hotjar의 페이지 내 설문은 방문자에게 무엇을 찾고 있었는지, 무엇이 막았는지, 견적을 받기 전에 무엇을 알아야 하는지 물을 수 있습니다. 답변 열두어 개가 일주일간의 분할 테스트보다 약한 페이지를 더 빨리 설명해 주는 경우가 많습니다.

Hotjar의 Events API는 내 코드에서 설문을 띄울 수 있으므로, 퀴즈가 가장 많은 사람이 떠나는 단계에서, 아직 그 자리에 있을 때 질문을 던질 수 있습니다.

어디까지 읽는지 보고, 왜 멈추는지 확인하세요

기사형 광고와 긴 세일즈 페이지는 양식을 페이지 한참 아래에 둡니다. LanderLab의 스크롤 깊이는 방문자가 떠나기 전에 어디까지 오는지 알려 줍니다. 중간에 멈춘 세션의 Hotjar 녹화와 바로 그 지점 위에 둔 설문은, 방문자를 잃은 것이 카피인지 오퍼인지 알려 줍니다.

양식 위에서 멈춘다면 양식을 올리거나 방문자를 잃는 섹션을 잘라 낸 뒤, LanderLab에서 변형을 비교하세요.

휴대폰 버전도 확인하세요

유료 소셜 트래픽은 대부분 휴대폰으로 들어옵니다. 노트북에서는 잘 읽히는 페이지도 작은 화면에서는 키 큰 이미지 아래로 버튼이 밀릴 수 있고, 모바일 녹화는 엄지가 실제로 어디에 닿고 어디서 포기하는지 보여 줍니다.

활용 사례

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

  • 01

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

    독자가 중간쯤에서 떠납니다. Hotjar 녹화를 보면 깨알 같은 약관 문단에서 멈추고, 질문 하나짜리 설문으로 수수료를 먼저 알고 싶어 했다는 것이 확인됩니다. 다음 변형은 수수료부터 보여 줍니다.

  • 02

    Facebook에서 돌리는 보험 퀴즈

    차량 단계의 이벤트가 오래 머무는 방문자에게 짧은 설문을 띄우고, 그 답변으로 연식 드롭다운에 오래된 차가 빠져 있다는 것이 드러납니다.

  • 03

    LinkedIn에서 오는 B2B 데모 페이지

    방문은 많은데 요청은 적습니다. 무엇이 빠졌는지 묻는 설문에 여러 방문자가 같은 답을 합니다. 가격. 다음 변형은 가격대를 추가하고, LanderLab 리포트가 요청 수로 그 변형을 판정합니다.

FAQ

Hotjar 연동 FAQ

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

Hotjar와 LanderLab

LanderLab은 Hotjar와 연동되나요?

네. Hotjar는 LanderLab에 기본 내장되어 있습니다. 연결하면 Hotjar 트래킹 코드가 라이브 페이지에서 돌아가고, 붙여 넣을 것은 없습니다.

랜딩 페이지 히트맵을 보려면 Hotjar가 필요한가요?

아니요. LanderLab에는 히트맵이 기본으로 들어 있습니다. 변형마다 클릭, 스크롤 깊이, 분노 클릭, 데드 클릭. Hotjar는 세션 녹화와 페이지 내 설문을 더합니다.

Hotjar로 퀴즈 안에서 일어나는 일을 볼 수 있나요?

네. 녹화가 퀴즈 내내 방문자를 따라가고, 퀴즈의 JS 코드 탭에서 보낸 이벤트로 녹화를 단계나 제출별로 걸러 볼 수 있습니다.

Hotjar와 Microsoft Clarity 중 무엇을 써야 하나요?

둘 다 LanderLab과 함께 작동합니다. Clarity는 무료이고 UTM으로 녹화를 걸러 보며, Hotjar는 페이지 내 설문과 피드백을 더합니다. 녹화는 Clarity로, 설문은 Hotjar로 돌리는 팀도 있습니다.

퀴즈에서 Hotjar 설문을 띄울 수 있나요?

네. Hotjar의 Events API로 설문을 띄울 수 있고, 퀴즈의 JS 코드 탭에서 원하는 단계에 이벤트를 보낼 수 있습니다.

랜딩 페이지에 Hotjar를 추가할 가치가 있나요?

숫자는 페이지가 부진하다고 하는데 히트맵이 이유를 말해 주지 않을 때라면 그렇습니다. 대개 녹화와 질문 하나짜리 설문이 이유를 알려 줍니다.

다른 연동

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

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

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

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

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

0:00
0:59