HotJar + 변환: 전체 유입경로 최적화에 대한 단계별 가이드.

HotJar 및 Convert 주연의 CRO 영화

그래서 확실히: 그것은 새로운 Avengers가 아닙니다.

그리고 우리는 그것이 재미있는 척하지 않을 것입니다.

하지만...HotJar "영화"가 (잠재적으로) 더 중요합니다.

왜요?

이 멋진 도구를 사용하면 방문자가 웹사이트와 상호 작용하는 방식, 장바구니를 포기한 이유, 양식 제출을 방해하는 요소, 뒤로 버튼을 누르게 만드는 페이지 또는 사이트 섹션을 직접 볼 수 있기 때문입니다.

그리고 Convert Experience를 믹스에 추가하면 유입경로의 모든 단계에서 HotJar 통찰력을 테스트 변형으로 변환할 수 있습니다.

UI 혼란을 제거하고 트래픽 불만을 줄이며 잠재 고객이 진정으로 원하는 것이 무엇인지에 대한 확실한 아이디어를 제공할 수 있는 변형입니다.

변환 경험을 Hotjar와 통합

Hotjar를 Convert Experience와 통합하면 Convert Experience 계정 내에서 모든 Hotjar 기능을 활성화할 수 있습니다.

통합 설정:

두 플랫폼을 통합하려면:

1. 웹사이트에 전환 경험 추적 코드 추가
2. 웹사이트에 Hotjar 추적 코드 추가
3. 경험 요약 화면(설정 섹션 아래)에서 Hotjar 통합을 활성화합니다.
   (자세한 내용은 여기에서 전체 단계별 지침을 읽으십시오.)

통합 확인

설치가 준비되면 Chrome 디버거 변환을 설치하여 설정을 확인합니다.

어떤 데이터가 사용됩니까?

통합이 활성화되면 Hotjar 계정의 모든 녹음에 "Convert: AAA – BBB"라는 태그가 지정됩니다. 여기서:

• AAA – 데이터 익명화가 활성화되었는지 여부에 따라 변환 계정에 있는 처음 20자 또는 실험 ID로 제한되는 실험 이름입니다.
• BBB – 데이터 익명화가 활성화되었는지 여부에 따라 변환 계정에 있는 처음 20자 또는 변형 ID로 제한되는 변형 이름입니다.

Hotjar 계정 내에서 특정 실험 – 변형 쌍을 기반으로 녹음을 필터링하여 특정 변형이 제공되었을 때 방문자 행동을 분석할 수 있습니다.

무엇 향후 계획?

Hotjar로 변환을 시작하고 실행하면 다음은 무엇입니까?

이제 Convert Experiences에 대한 기본 지식만 있어도 랜딩 페이지, 양식 필드, CTA, 반응형 디자인 등을 개선하는 데 어떻게 도움 이 되는지 보여드리겠습니다. 너는 볼 수있어:

• 웹사이트 방문자 수
• 방문자가 머무는 시간
• 어떤 주(또는 국가) 출신인지
• 방문자가 사용하는 기기(모바일, 데스크톱, 태블릿)
• 어떤 캠페인에서 매장에 도착했는지
• 제품 이미지가 실제로 매력적이라면.
• 상점이 방문자의 행동을 고무시키는 경우.
• 페이지 내 상품의 위치가 고객에게 어색한 경우.
• 제품에 도달하기 위해 너무 아래로 스크롤해야 하는 경우.
• 효과적이고 명확한 가치 제안 및 CTA인지 여부

정보의 양은 압도적으로 느껴질 수 있으므로 처음에는 너무 깊이 들어가지 않는 것이 좋습니다. 당신에게 정말로 중요한 핵심 지표에 집중하세요.

간단한 분석만으로도 매장에 큰 영향을 미칠 수 있는 변경 사항이 발생할 수 있습니다.

[PS: 참고로 Small Data 웨비나를 확인하세요. 우리는 큰 영향을 위해 "작은 것"을 찾고 사용하는 과정을 다룹니다.]
<<코드 삽입>>

Convert Experience를 Hotjar와 통합하는 요점은 가능한 한 사용자 행동에 대한 가장 많은 통찰력을 얻는 것입니다. 더 많이 추적할수록 방문자가 사이트와 상호 작용하는 방식을 더 잘 이해할 수 있습니다.

방문자 기록으로 장바구니 포기 방지

Hotjar 방문자 기록으로 체크아웃 프로세스를 최적화하여 온라인 장바구니 포기를 방지할 수 있습니다.

방문자 기록은 방문자가 사이트에서 무엇을 하는지 볼 수 있는 짧은 기록입니다. 그리고 이러한 녹음을 많이 보고 분석하면 패턴을 발견하기 시작할 것입니다. 결제 과정에서 위험 신호를 식별할 수 있습니다. 사람들이 장바구니를 버리는 이유를 더 잘 이해할 수 있을 것입니다.

방문자 기록은 많은 원시 정보를 제공할 수 있습니다. 이러한 통찰력을 사용하여 장바구니 포기율을 낮추려면 다음 사항을 확인해야 합니다.

• 사람들이 귀하의 제품 페이지에 머무는 시간은 얼마나 됩니까?
• 사람들은 얼마나 빨리 스크롤합니까? 훑어보거나 주의 깊게 읽습니까?
• 방문자가 무언가에 주의를 산만하게 하고 있습니까?
• 방문자의 관심을 끄는 것은 무엇입니까? 그들이 가장 관심을 갖는 것은 무엇입니까?
• 고객이 장바구니에서 클릭하지 않는 이유는 무엇입니까?
• 전환율에 영향을 줄 수 있는 다른 것은 무엇입니까?

방문자 기록을 보고 분석할 때 물어보면 좋은 질문입니다. 가능한 경우 온라인 장바구니 포기를 방지하는 데 도움이 됩니다.

Shopify 스토어의 예

Shopify 스토어가 있고 결제 페이지를 변경하려고 한다고 가정해 보겠습니다. 여기의 지침에 따라 Shopify의 체크아웃 페이지에 변환 추적 코드를 설치하고 변환 내에서 A/B 경험을 생성합니다. 이 변종은 체크아웃 페이지에 신뢰 기호와 무료 배송이 포함된 추가 배너를 표시합니다(이봐! 전문가들은 작동한다고 말합니다).

잠시 후 변환 보고서에서 원본 버전이 이겼고 추가 배너로 인해 더 많은 구매가 이루어지지 않았음을 알 수 있습니다.

방문자가 Convert로 디자인한 원본과 변형을 선호하는 이유를 알고 싶습니다.

이를 위해 Variation의 체크아웃 페이지에서 HotJar 방문자 기록을 사용하고 방문자가 실제로 이러한 배너에 주의가 산만하기 때문에 장바구니를 포기하는 것을 알 수 있습니다.

배너를 제거하고 A/B 변환 경험을 조정하여 더 많은 결제를 권장합니다. 그리고 미래에 청중이 행동을 취하기를 원한다면 신뢰 부스터를 추가하는 것보다 산만함을 최소화하는 것이 우선이라는 것을 알게 됩니다.

방문자가 떠나는 이유 이해

고객 설문조사 및 설문조사를 통해

또 다른 유용한 Hotjar 기능은 피드백 도구이며 왼쪽에 표시됩니다.

설문조사 및 설문조사를 통해 웹사이트에 고객 피드백 요청을 삽입할 수 있습니다. 이것은 사용성 테스트에서도 방문자의 저항을 밝히지 않을 때 유용합니다.

최대 이탈 시점에 이러한 기능을 사용하여 방문자가 추가 조치를 취하지 않고 이탈하는 이유를 알 수 있습니다. 보내주신 의견은 Convert Experiences에서 수집한 정량적 데이터를 뒷받침합니다. A/B 변환 경험 또는 개인화에서 투표를 활성화하는 방법은 다음과 같습니다.

깔때기 포함

HotJar는 깔때기라는 훌륭한 기능을 제공합니다. 따라서 설문조사와 설문조사를 사용하는 대신 HotJar 깔때기를 사용하여 상당한 감소가 발생하는 페이지를 확실히 찾아낼 수 있습니다!

히트맵으로 기기 테스트 만들기

사이트 페이지는 다양한 크기의 기기와 화면에서 매우 다르게 보입니다.

초대형 화면, 넷북, 태블릿 및 전화의 인기가 높아짐에 따라; 여러 가제트에서 최적의 경험을 보장하는 것은 어려운 일입니다.

데스크톱에서는 스크롤 없이 볼 수 있는 부분 위에 있는 중요한 콘텐츠가 휴대폰에서는 스크롤 없이 볼 수 있는 부분 아래에 위치할 수 있습니다. 마찬가지로, 페이지 콘텐츠가 매우 큰 화면에서는 희박하고 읽을 수 없게 보일 수 있습니다.

Hotjar 히트맵 보고서는 브라우저와 장치 전반에 걸친 이러한 차이점과 방문자가 귀하의 콘텐츠와 상호 작용하는 방식을 쉽게 보여줍니다. 반응형 디자인을 도입하여 화면 및 브라우저 사양에 맞게 페이지를 조정할 수 있습니다. Hotjar Heatmaps에서 찾은 결과를 사용하여 이 반응형 디자인을 조정하십시오.

페이지 내 경험을 정의하는 수많은 변수가 있더라도 핵심 콘텐츠의 더 높은 참여도와 우선 순위 지정이 갑자기 가능해집니다.

새로운 히트맵 보고서로 변경 사항을 추적하여 조정의 영향을 확인하십시오.

작업이 완료되면 이러한 결과를 개인화 변환에 전달하십시오. 여기에서 다양한 청중이 장치 및 브라우저 기본 설정에 따라 다른 디자인을 갖게 됩니다. 여기에서 개인화 변환에서 히트맵을 활성화하는 방법을 알아보세요.

팁 : HotJar는 7개의 추가 히트맵 테스트도 제공합니다.

방문 페이지 개선

랜딩 페이지 최적화(LPO)는 모든 CRO 드라이브의 중요한 부분입니다.

그리고 Convert Experiences/HotJar 통합은 여기에서 경이롭게 작동합니다.

Hotjar를 사용하면 클릭, 탭 및 스크롤 동작의 시각적 표현(지도)을 통해 사용자가 원하는 것, 관심 있는 것, 사이트와 상호 작용하는 방식을 이해할 수 있습니다. 사람들을 혼란스럽게 하는 것이 무엇인지 확인하고 이러한 장애물을 제거할 수 있습니다.

방문 페이지가 있고 이를 최적화하려고 한다고 가정해 보겠습니다. 방문 페이지에 전환 추적 코드를 설치하고 전환 A/B 경험을 만듭니다. 변경 사항은 바닥글의 추가 소셜 버튼입니다.

잠시 후 변환 보고서에 원본 버전이 이기고 추가 소셜 아이콘이 더 이상 구매를 가져오지 않는 것으로 표시됩니다.

방문자가 Convert로 디자인한 원본과 변형을 선호하는 이유를 알고 싶습니다. 이를 위해 HotJar를 사용하고 방문자가 방문 페이지의 바닥글로 스크롤하지 않는 것을 알 수 있습니다.

소셜 아이콘을 머리글로 이동하고 전환에 대한 눈에 띄는 긍정적인 영향을 위해 A/B 전환 경험을 조정합니다. 중요한 사람들의 인사이트.

다중 페이지 변환 경험을 구축했으며 가설의 효과를 신속하게 파악해야 한다고 상상해 보십시오. Hotjar 리크루터 위젯은 자격을 갖춘 트래픽으로부터 빠르고 쉽게 동의를 얻고 사용자 조사를 위해 사람들을 등록합니다.

이제 대상 세그먼트의 구성원을 프로파일링하고 서비스에 대한 대가로 선물을 제공할 수 있습니다.

또한 변환 분할 URL 테스트를 만들어 리크루터 기능 또는 설문 조사 기능 중에서 더 나은 변환을 찾을 수 있습니다.

이 Hotjar 기능을 변환 경험에 추가하기만 하면 피드백 수집이 시작됩니다.

UI 혼동 지점 감지:

inspectlet은 다음과 같이 말합니다.

“Rage Clicks는 일반적으로 UI 변경을 트리거하지 않고 영역을 과도하게 클릭하여 발생하는 사용자의 좌절감을 식별합니다. 사용자 분노의 일반적인 포인트는 죽은 링크(링크처럼 보이지만 그렇지 않은 텍스트) 클릭, 확대하려는 이미지 클릭(실패) 및 기타 UI 혼동 포인트를 포함합니다.”

Hotjar 대시보드에서 세션 녹음으로 이동합니다. 조사하려는 페이지의 URL로 필터링합니다. 그런 다음 분노 클릭 필터를 적용합니다. 웹사이트의 모든 페이지를 클릭한 고객의 기록을 보고 분석할 준비가 되었습니다. 녹음을 분석하면 방문자를 실망시키는 UI 요소를 수정하는 올바른 방향을 알려야 합니다.

양식 제출을 급증시키십시오

양식을 디자인하고 실험할 때 방문자가 양식 필드와 상호 작용하는 방식에 대한 추가 정보를 얻을 수 있습니다. HotJar 및 Convert Experiences를 사용하면 비어 있는 필드, 데이터 재입력이 표시되는 필드에 대해 배우고 양식 변환율을 높이는 필드에 대해 간단히 알 수 있습니다.

먼저 다변수 경험 변환을 사용하여 여러 조정 또는 요소 변경이 있는 양식을 디자인합니다.

완료되면 Hotjar 방문자 녹음을 사용하여 트래픽을 방해하는 양식 필드나 양식 요소를 제거하십시오.

마지막으로 남아 있는 필드에 A/B 테스트를 적용하고 방문자에게 정말 중요한 것으로 양식을 좁힙니다.

특히 GDPR에 대한 개인 정보 보호 문제가 있습니까?

지금까지 Hotjar는 간단한 코드로 웹사이트 방문자의 사용자 세션을 기록합니다. 실제로 스크롤하고 화면에서 커서를 이동하고 사용하는 장치에 따라 클릭하거나 탭하는 것을 볼 수 있습니다.

그러나 사용자의 개인 정보는 어떻습니까?

데이터 개인 정보 보호에 관한 새로운 법률인 GDPR은 사용자 세션 기록을 약간 소름 끼치게 만듭니다. 사생활 침해로 간주될 수 있습니까? 아니요, Hotjar는 IP 주소와 같은 개별 사용자에 대한 개인 식별 정보를 수집하지 않기 때문입니다. 대신 세션 녹음을 구별하기 위해 고유한 사용자 ID 번호를 할당합니다. 또한 Hotjar는 암호 및 신용 카드 번호와 같은 민감한 정보에 대한 입력 필드를 자동으로 감지하고 키 입력을 기록하지 않습니다. Hotjar 설정에서 특정 입력 필드와 텍스트를 수동으로 마스킹하도록 선택할 수도 있습니다.

Convert는 귀하의 개인 정보와 트래픽의 개인 정보를 진정으로 걱정합니다. 전환율 최적화는 방문자를 프로세스에서 실망시키지 않고 제공하는 최상의 솔루션으로 안내하려는 경우 필수적입니다.

이것이 바로 우리가 사용자 권한을 침해하지 않고 백만 번의 클릭에 해당하는 CRO 그림을 그리는 HotJar와 같은 도구와 긴밀하게 통합된 이유입니다.

이 파트너십이 실제로 실행되는 것을 보고 싶다면 Convert Experiences의 무료 평가판에 등록하십시오.