WordPress 검토를위한 Mouseflow 히트 맵 분석

WordPress 검토를위한 Mouseflow 히트 맵 분석

히트 맵 분석은 온라인 상점이나 웹 사이트의 전환율 최적화에 대한 과학적인 접근 방식입니다. 방문 페이지, 문의 양식 및 구매 유입 경로의 효과를 측정하는 데이터 기반 방법입니다. Mouseflow는 프리미엄 히트 맵 분석, 세션 재생 및 기록 도구입니다. 이 기사에서는 자주 사용하는 CMS 도구 인 WordPress와 Mouseflow를 통합하여 Mouseflow를 검토합니다..


히트 맵이란??

히트 맵 분석에 익숙하지 않은 분들을 위해 간단한 요약 설명이 있습니다..

히트 맵은 웹 사이트의 가장 활동적인 영역을 시각적으로 나타낸 것입니다. 가장 많이 클릭 된 지역 (예 : 여기에서 시작하십시오 블로그의 메뉴 항목), 히트 맵에서 빨간색으로 표시됩니다.

검색 엔진의 히트 맵

검색 엔진 히트 맵

10 년 동안 히트 맵의 진화, 출처: 10 월 2 일

검색 엔진에서 히트 맵을 예로 들어 보겠습니다..

Google (또는 해당 사안의 모든 검색 엔진)에서 처음 세 개의 검색 결과는 가장 많이 클릭 된 링크입니다. 결과적으로 해당 영역은 히트 맵에서 “가장 활발한”또는 “핫”영역이므로 히트 맵에서 빨간색으로 표시됩니다. 다음에 오는 링크 (예 : 다섯 번째, 여섯 번째 등) 링크는 클릭 수가 줄어들고 히트 맵에서 “더 시원한”색상 (주황색에서 노랑색에서 녹색에서 파랑으로).

위의 스크린 샷은 10 년 동안 히트 맵이 어떻게 진화했는지를 나타냅니다. 2005 년에 그들은 “거룩한 삼각형”이라고 불렀는데, 이는 처음 두 링크의 처음 몇 글자가 검색 자의 관심을 끌었다는 것을 의미했습니다..

10 년이 지난 지금, 우리는 상위 5-6 개의 링크 중 처음 몇 단어를 스캔하도록 눈을 훈련했습니다. 스크린 샷의 오른쪽에 보이는 사각형 모양의 히트 맵입니다..

세션 녹화 및 재생이란??

히트 맵은 웹 사이트에서 가장 활발하거나 클릭이 많은 지역을 잘 보여줍니다. 시원하지 않습니까 실제로 참조 방문자가 웹 사이트와 상호 작용 한 방식?

마우스의 움직임은 어디 방문자의 관심은 웹 사이트에서.

세션 녹화 완벽한 솔루션입니다. ㅏ 세션 본질적으로 방문자가 한 번의 방문으로 수행 한 전체 활동입니다. 여기에는 웹 사이트가로드 된 시간부터 탭 (또는 창)이 닫힌 시간이 포함됩니다. 마우스 흐름 기록 웹 사이트 방문자의 개별 세션을 통해 브라우저에서 언제든지 재생할 수 있습니다..

녹음 된 세션 재생을 호출 세션 재생. 실제로 방문자와 웹 사이트의 전체 상호 작용에 대한 비디오입니다. 여기에는 입력 된 정보 (암호는 항상 숨겨져 있음), 양식 상호 작용, 클릭 및 기타 모든 활동이 포함됩니다.

세션 녹화 및 재생의 이점

세션 녹화 및 재생 사용자 상호 작용 테스트, A / B 테스트 및 유용성 테스트에 없어서는 안될 도구입니다..

전자 책 다운로드 페이지를 예로 들어 보겠습니다. 리드 생성의 전형적인 유스 케이스로, 이메일 주소와 이메일 전송 권한을 대가로 사용자에게 무언가 (이 경우 ebook)를 제공합니다. 세션 녹화는 어떻게 사용자가 양식과 상호 작용하고 실제로 양식을 작성하는 사람 수, 사용자가 채우는 필드 수, 이탈하기 전 등.

세션 기록, 재생 및 히트 맵이 전환율 최적화에 사용되는 다른 많은 사용 사례가 있습니다. 이 검토에서는 Mouseflow가 제공해야하는 5 가지 주요 기능을 다룰 것입니다.

  1. 히트 맵
  2. 세션 녹화
  3. 세션 재생
  4. 양식 세션 기록
  5. 피드백 수집

다음 섹션에서 각 주제에 대해 자세히 설명합니다..

Mouseflow 대시 보드

mouseflow 히트 맵 분석 대시 보드

Mouseflow 대시 보드의 조감도

Mouseflow의 대시 보드는 최근 세션 녹화 및 인기있는 히트 맵을 한눈에 볼 수있게합니다. 차트는 기록 된 세션 수를 나타내며 웹 사이트의 트래픽에 비례합니다..

히트 맵

Mouseflow의 히트 맵 분석은 클릭 히트 맵, 이동 히트 맵, 스크롤 히트 맵 및 지리적 히트 맵을 포함하여 5 가지 고유 한 차원을 지원합니다. 연락처 양식이 포함 된 단일 페이지를 평가하고 5 가지 유형의 히트 맵 각각에서 테스트합니다..

히트 맵을 클릭하십시오

클릭 히트 맵은 클릭 수가 가장 많은 지역을 나타냅니다. 각 페이지에는 고유 한 히트 맵 표현이 있습니다. 예를 들어 연락처 양식이 포함 된 페이지에서 제출 버튼은 최대 클릭 수를 등록합니다.

워드 프레스를 위해 mouseflow에서 히트 맵을 클릭하십시오.

Mouseflow를 사용하여 만든 WordPress의 클릭 히트 맵 스크린 샷

이 튜토리얼을 위해 만든 데모 웹 사이트의 클릭 히트 맵 스크린 샷입니다. 문의 양식을 세 번만 제출 했으므로 클릭 수가 3 회 기록됩니다. 3 개는 히트 맵에서 고려해야 할 매우 작은 숫자이므로 파란색으로 강조 표시됩니다..

운동 히트 맵

워드 프레스를위한 mouseflow의 움직임 히트 맵

Mouseflow를 사용하여 만든 WordPress의 동작 히트 맵 스크린 샷

움직임 히트 맵은 움직임이 가장 높은 웹 사이트 영역을 나타냅니다. 스크린 샷에서 활동이 적음을 나타내는 파란색 패치를 볼 수 있습니다..

주의 히트 맵

주의 히트 맵은 흥미로운 지표입니다. 사용자가 소비하는 영역을 나타냅니다. 최대 시간.

설명하기 위해이 스크린 샷을 찍겠습니다..

워드 프레스를위한 mouseflow의주의 히트 맵

Mouseflow를 사용하여 생성 된 WordPress의주의 히트 맵 스크린 샷

녹색 지역의 평균 시간은 10.2 초인 반면, 빨간색 지역의 평균 시간은 21 초입니다. 이는 사이트 방문자가 빨간색 지역의 사이트에서 상당한 시간을 보내고 있음을 나타냅니다. 우리의 경우 연락 양식입니다.

주의 히트 맵을 사용하여 판매 페이지 복사를 개선하는 방법?

주의 히트 맵은 측정하는 훌륭한 도구가 될 수 있습니다 어디 방문자가 대부분의 시간을 보내고 있습니다. 긴 판매 페이지를 작성하는 경우 독자가 실제로 상단에서 페이지를 읽은 다음 (대부분의 시간을 보내며) 평가를보고 지금 구매 단추.

따라서 판매 페이지의 최상위 비트는 이상적이어야합니다. 빨간, 주의 히트 맵에서.

방문자가 아니 판매 페이지의 처음 몇 줄을 읽으면 음높이와 사본이 작동해야한다는 분명한 지표입니다.

스크롤 히트 맵

스크롤 히트 맵은 웹 사이트에서 가장 많이 스크롤 된 영역을 나타냅니다. 웹 사이트 방문자는 헤더에서 빠르게 아래로 스크롤하여 콘텐츠가있는 위치에 도달하는 경향이 있습니다..

스크롤 히트 맵은주의 히트 맵을 보완합니다. 주의가 높으면 스크롤이 낮습니다. 스크롤 히트 맵에서 빨간색 영역을 볼 때 누군가가 사본을 훑어 본 것입니다. 스크롤 히트 맵의 노란색에서 녹색 영역은 방문자가 흥미 롭거나 유용한 비트를 나타냅니다. 스크롤 히트 맵을 올바르게 사용하면 방문 페이지 복사를 개선 할 수있는 훌륭한 도구가 될 수 있습니다..

워드 프레스를위한 mouseflow의 스크롤 히트 맵

Mouseflow를 사용하여 만든 WordPress의 스크롤 히트 맵 스크린 샷

그러나이 자습서에서는 모든 곳에서 스크롤을했기 때문에 모두 빨간색으로 표시되었습니다. 바닥 글 영역이 파란색으로 표시되어 스크롤 활동이 최소화되었음을 나타냅니다..

몇 개의 세션을 기록해야합니까?

Mouseflow는 트래픽에서 기록 할 세션 수를 선택할 수있는 옵션을 제공합니다. 예를 들어 입력이 ⅓ 인 경우 방문자 세션 3 개 중 하나가 기록됩니다. 즉, 트래픽 세션의 30 %가 기록됩니다.

이는 사용 계획 측면에서 중요합니다. 기록 된 각 세션은 크레딧입니다. 구매 한 요금제에 따라 총 트래픽에서 기록 된 트래픽의 비율을 조정해야합니다..

이 수치를 추정하는 간단한 방법은 Google 웹 로그 분석 트래픽 보고서를 찾는 것입니다. 예를 들어, 매월 1,000 회의 순 방문수를 기록하고 500 회의 세션을 기록하려는 경우 방문자 2 명 중 1 명 (예 : 트래픽의 50 %)을 기록하도록 Mouseflow를 구성합니다..

지리 히트 맵

워드 프레스 용 마우스 플로우의 지오 히트 맵

Mouseflow를 사용하여 만든 WordPress의 지오 히트 맵 스크린 샷

지리적 히트 맵은 대부분의 방문자가 방문한 국가를 강조 표시합니다. 이 데이터는 Google Analytics 또는 Kissmetrics와 같은 대부분의 분석 소프트웨어에서 사용할 수 있습니다. 위의 스크린 샷은 데모 사이트에서 가져온 것이므로 인도 만 강조 표시됩니다.

깔때기

워드 프레스를위한 mouseflow의 전자 책 다운로드 깔때기

Mouseflow가 만든 WordPress의 eBook 다운로드 퍼널 예

유입 경로는 방문자를 완료하기 위해 수행하는 일련의 단계입니다. 동작 귀하의 웹 사이트에서.

방문자가 이메일 주소 대신 최신 eBook 사본을 다운로드하도록한다고 가정 해 봅시다. eBook 다운로드를 통한 고전적인 리드 생성 캠페인입니다..

그만큼 동작 방문자가 전자 책을 다운로드하기를 원합니다. 이 작업에는 하나 이상의 단계 뒤얽힌.

간단하게하기 위해이 작업에서 두 ​​단계 (또는 페이지)를 고려해 보겠습니다..

  1. 첫 번째 페이지는 방문자가 오퍼링에 대해 읽고 이메일 주소를 입력하는 곳입니다..
  2. 두 번째 페이지는 방문자가 PDF에 대한 다운로드 / 버튼을 볼 수있는 확인 페이지입니다.

따라서 eBook 다운로드를위한 유입 경로는 아래 스크린 샷과 같이 두 단계로 구성됩니다..

워드 프레스 용 mouseflow의 ebook 다운로드 유입 경로-설정

Mouseflow를 사용하여 WordPress에서 eBook 다운로드를위한 새 퍼널 작성

마우스 플로는 유입 경로의 각 단계에서 이탈률을 측정합니다. 이 예에서는 eBook을 다운로드하지 않았으며 첫 번째 (방문) 페이지를 본 후 웹 사이트를 떠났습니다..

워드 프레스를위한 mouseflow의 전자 책 다운로드 퍼널-전환율

Mouseflow에서 ebook 다운로드 유입 경로의 전환율

이 스크린 샷은 방문 페이지에 5 명의 방문자가 있지만 확인 페이지에 방문한 사람은 없음을 나타냅니다..

Mouseflow에서 유입 경로를 사용하여 전환율을 최적화하는 방법?

퍼널을 사용하면 방문자가 사이트에서 어떻게 행동하고 있는지 추적 할 수 있습니다. 전환 유입 경로에서 누출 영역을 발견하는 데 매우 유용합니다. 새는 페이지를 식별하면 문제의 영역을 알게됩니다. 그런 다음 페이지 사본을 최적화하거나 일부 경우 페이지를 완전히 제거하여 드롭 오프 비율이 감소하는지 확인할 수 있습니다..

양식

mouseflow를 사용하여 워드 프레스에서 양식을 추적하는 방법

Mouseflow를 사용하여 WordPress에서 양식 추적

Mouseflow를 사용하면 WordPress에서 방문자가 양식과 상호 작용하는 방식을 추적 할 수 있습니다. 이는 B2C 웹 사이트 / 제품에 비해 리드 당 비용이 상당히 높은 B2B 리드 생성 및 컨텐츠 마케팅에 특히 유용합니다..

우리가 고려하자 WPExplorer 테스트 양식 이 튜토리얼을 위해 구축 한.

mouseflow 워드 프레스에서 양식 분할

Mouseflow에서 추적 된 양식으로 필드 분할

이 스크린 샷은 양식 페이지를 방문한 방문자가 두 명이며 이메일 주소 필드에 최대 시간이 소비되었음을 알려줍니다. 또한 전환율이 0 %이므로 양식을 작성한 후 실제로 제출하지 않았습니다..

Mouseflow를 사용하여 양식 완성 률을 향상시키는 방법?

Mouseflow를 사용하면 양식에서 데이터 집약적 인 필드를 파악하고 일반적인 양식을 작성하는 데 걸리는 시간을 측정 할 수 있습니다. 양식의 필드 수가 너무 많거나 더 나쁘거나 관련이없는 경우 방문자가 양식 내의 특정 필드에서 이탈하는 것을 볼 수 있습니다. Mouseflow를 사용하면 해당 필드를 식별하고 그 주위를 최적화하여 궁극적으로 양식의 완성 률을 높일 수 있습니다.

Mouseflow를 사용하여 WordPress에서 양식을 추적하는 방법?

Mouseflow를 사용하여 WordPress에서 양식을 추적하려면 몇 가지 단계가 필요합니다.

  1. 먼저 WordPress에서 양식을 설정하고 URL을 복사하십시오.
  2. Mouseflow 대시 보드에서 양식 페이지로 이동하여 새 양식을 클릭하십시오..
  3. 1 단계에서 복사 한 URL을 붙여 넣습니다..
  4. Mouseflow는 모든 필드와 함께 페이지의 양식을 자동으로 인식합니다..
  5. 추적하기 쉽도록 양식의 각 필드에 이름을 지정할 수 있습니다.
  6. 마지막으로 양식 작성을 눌러 양식 상호 작용 추적을 시작하십시오..

피드백

Mouseflow를 사용하면 웹 사이트 방문자를위한 아름답고 방해받지 않는 피드백 캠페인을 만들 수 있습니다. 결국 독자 / 고객의 말을 듣는 것이 사이트를 개선하는 확실한 방법입니다..

일반적인 피드백 캠페인은 다음과 같습니다.

mouseflow 워드 프레스의 피드백 캠페인

Mouseflow를 사용하여 만든 WordPress의 피드백 캠페인

설문 조사를 완료하면 확인 페이지입니다.

mouseflow 워드 프레스의 피드백 캠페인

피드백 캠페인에 대한 확인 / 감사 페이지

Mouseflow를 사용하여 WordPress에서 피드백 캠페인을 작성하는 방법?

이제 Mouseflow에서 피드백 캠페인을 만드는 방법을 알아 보겠습니다..

Mouseflow 대시 보드에 로그인하고 피드백 왼쪽 메뉴에서 새 캠페인 추가.

Mouseflow에서 새 피드백 캠페인 작성

최소 하나의 질문으로 필요한만큼 질문을 추가 할 수 있습니다. 답변 옵션에는 객관식, 텍스트 단락 (작거나 큰) 또는 순 발기인 점수가 포함됩니다..

오른쪽에서 질문과 답변 옵션의 미리보기를 볼 수 있습니다.

마지막으로 성공 페이지의 내용을 정의하고 다음.

피드백 캠페인의 트리거

트리거 각 피드백 캠페인이 표시되는시기와 위치를 정의하십시오. Mouseflow는 트리거를 정의 할 수있는 다양한 옵션을 제공합니다. 예를 들어 위의 스크린 샷에서 :

  1. 페이지가로드되는 즉시 피드백 캠페인이로드됩니다..
  2. 등록 된 방문자인지 다른 세그먼트 화 된 사용자인지에 관계없이 모든 방문자에게로드됩니다..
  3. 캠페인은 모든 페이지에로드됩니다 (로그인 페이지에 표시하지 않는 것이 좋습니다!)
  4. 중요한 옵션 – 캠페인 양식은 사용자 당 한 번만 표시됩니다.

트리거를 정의한 후 다음 계속하려면.

Mouseflow에서 피드백 캠페인에 대한 킬 스위치

마지막으로 생성 직후 캠페인 활성화를 선택할 수 있습니다.

그러나 먼저 색인을 생성하지 않거나 가장 인기없는 페이지로 제한하여 실제 사이트에서 캠페인을 테스트하고 데이터가 올바르게 수집되는지 확인하는 것이 좋습니다. 캠페인이 작동하는 것으로 확인되면 사이트 전체에 캠페인을 배포 할 수 있습니다..

Mouseflow에서 내가 좋아하는 것

Mouseflow의 직관적 인 인터페이스와 여러 추적 옵션으로 히트 맵 분석을 시작하기에 좋습니다..

프리미엄 모델

마우스 플로 가격

마우스 플로우 가격 모델

Mouseflow는 프리미엄 모델에서 작동하며 매월 200 개의 무료 크레딧을 제공합니다.

각 학점은 하나의 기록 된 세션에 해당합니다. 그러나 크레딧 한도는 한 달에 200 회입니다. 사용하지 않으면 크레딧을 잃게됩니다.

MailChimp (내가 가장 좋아하는 이메일 서비스 제공 업체)와 마찬가지로 Mouseflow를 사용하면 커밋하기 전에 서비스를 유연하게 사용할 수 있습니다. 또한 다른 히트 맵 분석 서비스와 비교할 때 Mouseflow는 매우 경쟁력있는 가격 전략을 가지고 있습니다.

내장 된 WordPress 호환성

mouseflow 워드 프레스 플러그인

WordPress의 Mouseflow 플러그인 대시 보드

Mouseflow는 WordPress를 포함하여 여러 도구 (나중에 자세히 설명)와의 통합을 지원합니다. Mouseflow로 WordPress 사이트 추적을 시작하려면 워드 프레스 용 마우스 플로우 플러그인하고 활성화.

WordPress 대시 보드의 왼쪽 막대에 Mouseflow라는 새 항목이 나타납니다..

워드 프레스에서 mouseflow에 웹 사이트 추적 코드 추가

WordPress에 Mouseflow의 추적 코드 삽입

클릭 추적 코드 WordPress 사이트에 추적 코드를 삽입하십시오. Mouseflow 계정에서 사이트의 추적 코드 정보를 찾을 수 있습니다. 설정.

워드 프레스를위한 mouseflow의 웹 사이트 설정

Mouseflow의 사이트 정보

완료되면 Mouseflow가 WordPress 사이트에서 세션을 기록하기 시작합니다.

다른 멋진 물건

Mouseflow의 새로운 사용자 온 보딩 프로세스

Mouseflow의 새로운 사용자 온 보딩 프로세스가 마음에 들어 대시 보드의 모든 다양한 옵션에 대해 알게되었습니다. 지식 기반을 참조하지 않고 10 분 안에 시작했습니다. 6 가지 카테고리로 깔끔하게 정리 된 멋진 교육용 비디오도 있습니다.

타사 통합 

Mouseflow는 30 개 이상의 타사 소프트웨어와 통합

Mouseflow는 CMS에서 마케팅 소프트웨어, 고급 태그 관리 소프트웨어에 이르는 다양한 타사 통합을 지원합니다. 작성 시점에 Mouseflow는 6 가지 주요 범주로 그룹화 된 30 개의 기본 통합을 지원합니다.

  1. 컨텐츠 관리 시스템 : WordPress 이외의 Mouseflow는 Joomla, Drupal, Blogger 및 우수한 ol ‘HTML5 웹 사이트와 통합됩니다. 또한 Squarespace 및 Weebly와 같은 널리 사용되는 사이트 빌더와 통합됩니다. Wix는 아직 전용 통합을 얻지 못했습니다.
  2. 전자 상거래 : Mouseflow는 Prestashop, Magento, 3dcart와 같은 주요 오픈 소스 전자 상거래 소프트웨어 및 Shopify와 같은 널리 사용되는 유료 솔루션과 통합됩니다.
  3. 해석학: Mouseflow의 데이터를 Google Analytics, Adobe Analytics와 같은 널리 사용되는 분석 소프트웨어 및 Kissmetrics 및 Coremetrics와 같은 특수한 분석 소프트웨어와 통합 할 수 있습니다..
  4. 마케팅: Mouseflow는 Hubspot, Instapage, Unbounce, Optimizely 등과 같은 주요 마케팅 소프트웨어를 지원합니다.
  5. 고객 서비스: 실시간으로 유용한 고객 지원은 성공적인 비즈니스와 장기적인 안정성을위한 초석입니다. Mouseflow는 Zendesk, Olark, Freshdesk 및 Zopim과 같은 주요 고객 지원 및 헬프 데스크 소프트웨어와 통합됩니다..
  6. 태그 관리 : 귀인은 마케팅 노력과 ROI를 측정하는 데 중요합니다. Segment.io 및 Google 태그 관리자와 같은 고급 태그 관리 소프트웨어가 있습니다. 마우스 흐름은 기본적으로 Ensighten 및 Tealium과 함께 이들과 통합됩니다..

이 외에도 Mouseflow는 강력한 REST API, 모든 사용자 정의 포털에서 데이터에 액세스 할 수있는.

마우스 플로우 고객

Mouseflow에는 약간의 고객이 있습니다

Mouseflow는 Hubspot, Optimizely 및 Intuit를 포함하여 업계에서 가장 큰 이름으로 사용됩니다. 글을 쓰는 시점에서 고객 기반은 100,000 명 이상입니다..

마무리

웹 사이트 분석은 오늘날의 주의력이 부족한 경제에서 급성장하는 분야입니다. 분석 및 기여를위한 새로운 연구 및 솔루션에 자금을 지원하기 위해 수백만 달러가 투입되었습니다. Mouseflow는 마케팅 담당자가 히트 맵 분석의 기본 사항을 익히기위한 완벽한 시작입니다..

지금까지 살펴본 내용을 간단히 요약 해 보겠습니다.

  1. 히트 맵이란??
  2. 세션 기록 및 재생이 사용자 행동 분석에 도움이되는 방법
  3. 히트 맵 (클릭, 이동,주의, 스크롤 및 지역), 퍼널, 양식 및 피드백 캠페인을 포함한 Mouseflow의 기능.
  4. WordPress 및 Mouseflow를 설정하는 방법
  5. 30 개 이상의 타사 통합 및 영구 무료 계획을 포함하여 Mouseflow 관련 정보를 냉각시킵니다..

늘 그렇듯이 질문을 남겨. 사이트에서 히트 맵 분석을 사용하고 있습니까? 그렇다면 어떤 소프트웨어를 사용하고 있습니까? Mouseflow보다 기능적으로 우수합니까? 아래 의견에 알려주십시오!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map