6 лучших плагинов для карт кликов WordPress для понимания ваших посетителей
Опубликовано: 2020-12-15Если вы хотите узнать больше о том, что посетители вашего сайта делают на вашем сайте, возможно, вам понадобится один из этих плагинов тепловой карты WordPress.
Плагины WordPress помогают расширить функциональность веб-сайта WordPress, а плагины для тепловой карты WordPress являются одними из самых важных для производительности сайта. Они жизненно важны для понимания того, как посетители взаимодействуют с вашим сайтом - вы можете видеть, куда они нажимают, как далеко они прокручивают, куда они наводят курсоры мыши и многое другое.
Получив эти данные, вы сможете лучше понять, как люди используют ваш сайт. Это также позволит вам обнаружить слабые места и оптимизировать ваш веб-сайт для улучшения пользовательского опыта и коэффициента конверсии.
В этом посте мы расскажем немного больше о том, что такое тепловые карты, а затем продемонстрируем шесть лучших плагинов для тепловых карт WordPress, в том числе некоторые отличные, которые на 100% бесплатны.
Чтобы улучшить ваш опыт работы с WordPress
Что такое тепловая карта?
Тепловая карта - это графическое представление того, как посетители взаимодействуют с вашим сайтом. Самый простой способ объяснить тепловую карту - показать вам ее:

«Более горячие» области (красные) указывают на области, которые привлекают больше активности / внимания посетителей, в то время как «более холодные» области (синие) указывают на меньшую активность (отсутствие цвета означает нулевую активность).
Цель тепловых карт - помочь вам понять, как посетители взаимодействуют с вашим сайтом, чтобы вы могли оптимизировать свой сайт, чтобы помочь посетителям найти то, что они ищут, и подтолкнуть их к действиям, которые вы хотите, чтобы они предприняли, и к следующему этапу в ваша воронка продаж.
Для этого существуют разные типы тепловых карт.
Самый популярный тип - это карта кликов , которая показывает, где и какие люди нажимают на вашем сайте больше всего. Например, вы сможете увидеть, какие кнопки CTA получают больше всего кликов, какие пункты меню получают больше всего кликов и т. Д.
Другой популярный вариант - это тепловая карта при наведении курсора мыши , которая отслеживает, где пользователи «зависали» над страницей с помощью курсора мыши (даже если они ничего не щелкали). Идея состоит в том, чтобы попытаться понять, на чем люди сосредотачиваются, хотя некоторые данные показывают, что нет особой корреляции между тем, где пользователь наводит указатель мыши, и тем, где он на самом деле смотрит.
Тепловая карта внимания позволяет увидеть, какие области страницы наиболее просматриваются браузером пользователя, с учетом различных размеров и разрешений экрана. Это полезно, потому что позволяет вам увидеть, могут ли все ваши посетители видеть важный текст и визуальные эффекты вашего сайта.
Наконец, тепловая карта прокрутки показывает, насколько глубоко посетители прокручивают вашу страницу. Это дает вам представление о средней глубине прокрутки ваших посетителей, которую вы можете использовать в качестве прокси-сервера для оценки вовлеченности вашего контента.
Как работают плагины тепловой карты?
Плагины Heatmap во многом похожи на веб-аналитику (например, Google Analytics). После того, как вы установили Google Analytics или аналогичное аналитическое программное обеспечение, вы сможете отслеживать, что делают посетители, и создавать различные типы тепловых карт, которые мы обсуждали выше.
Однако создание данных тепловой карты может быть довольно интенсивным, поэтому многие инструменты тепловых карт используют выборку данных (по крайней мере, по умолчанию). Благодаря выборке данных инструмент не будет собирать данные тепловой карты для каждого посетителя вашего сайта. Вместо этого он просто выберет репрезентативную выборку и использует ее для экстраполяции на всех посетителей вашего сайта. Например, если у вас сайт с высокой посещаемостью, инструмент может просматривать только одного из каждых десяти посетителей.
Помимо этого, есть два высокоуровневых подхода к плагинам для тепловых карт WordPress:
- Родные плагины WordPress - с родными плагинами WordPress все ваши данные останутся на серверах вашего сайта, и вы будете делать все со своей панели управления WordPress.
- SaaS (программное обеспечение как услуга) - с помощью инструмента SaaS вы будете использовать отдельный интерфейс для просмотра ваших тепловых карт, а ваши данные хранятся на серверах службы. Вы можете легко интегрировать эти инструменты в WordPress с помощью специального плагина интеграции или простого фрагмента кода.
Как правило, инструменты SaaS предлагают более сложные варианты анализа, такие как сегментация, хотя собственные плагины WordPress подходят для базовых тепловых карт.
7 лучших плагинов для галереи изображений WordPress по сравнению
Шесть лучших плагинов тепловой карты для WordPress
Вот шесть плагинов, которые мы рассмотрим:
- Тепловая карта Авроры
- Hotjar
- Сумасшедшее Яйцо
- Nelio A / B тестирование
- Счастливый апельсин
- Mouseflow
1. Тепловая карта Авроры

Aurora Heatmap - самый популярный нативный плагин для тепловых карт WordPress на WordPress.org. Он позволяет настроить отслеживание тепловой карты и просматривать все данные, не покидая панели управления WordPress. У него также есть довольно щедрая бесплатная версия, что отлично, если у вас ограниченный бюджет.
Ключевая особенность
Вот особенности бесплатной версии:
- Нажмите тепловые карты
- Срок хранения данных один месяц
- Контроль над выборкой данных
Версия Pro добавляет следующие функции:
- Прокрутка тепловых карт (плагин называет их отколовшимися тепловыми картами)
- Тепловые карты внимания
- Более длительное хранение данных
- Обнаружение непрочитанности (определение того, читают ли посетители ваш контент)
- Сегментация тепловой карты с помощью параметров URL
За и против
Плюсы :
- Это собственный плагин WordPress, поэтому все данные остаются на вашем сервере.
- На WordPress.org есть бесплатная версия.
- Он предлагает три различных типа тепловых карт.
Минусы :
- Премиум-версия нужна не только для просмотра тепловых карт, но и для просмотра.
- Поскольку это собственный плагин WordPress, он будет использовать больше ресурсов сервера, чем инструмент SaaS.
Ценообразование
Базовый плагин Aurora Heatmap доступен бесплатно на WordPress.org. Чтобы получить доступ к премиум-функциям, вы можете платить 19,90 долларов в месяц или 199 долларов в год.
С чего начать
Для начала все, что вам нужно сделать, это установить бесплатный плагин Aurora Heatmap с WordPress.org. Он начинает работать сразу - вы можете получить доступ к данным, перейдя в Настройки → Aurora Heatmap на панели инструментов WordPress.
Вы также можете настроить некоторые дополнительные функции на вкладке « Настройки » в области плагина.
2. Hotjar

Hotjar - это, вероятно, самый популярный инструмент SaaS для тепловых карт, и его также легко использовать с WordPress благодаря специальному плагину интеграции на WordPress.org.
Одна из приятных особенностей Hotjar заключается в том, что, несмотря на то, что он является очень полнофункциональным инструментом SaaS, он по-прежнему предлагает вечно бесплатный план, который будет работать для небольших сайтов.
Ключевая особенность
- Выделенный плагин интеграции WordPress
- Нажмите тепловые карты
- Наведите тепловые карты
- Прокрутка тепловых карт
- Записи с экрана
- 365-дневное хранение данных
- Сегментация тепловой карты (например, по устройству)
- Инструменты обратной связи и опросы пользователей
За и против
Плюсы :
- Он предлагает несколько типов тепловых карт.
- Вы можете сегментировать тепловые карты.
- Есть вечно бесплатный план.
- Он делает больше, чем просто тепловые карты - вы также получаете записи экрана и формы обратной связи с посетителями.
Минусы :
- Это инструмент SaaS, а не собственный плагин WordPress.
- Сайтам с высоким трафиком потребуется премиум-план.
Ценообразование
Бесплатный план Hotjar позволяет собирать данные до 2000 просмотров страниц в день, что должно работать для небольших сайтов. Вы также можете создать до 100 экранных записей, и ваши данные будут храниться в течение всего года. Если вам нужно больше просмотров страниц / функций, премиум-планы начинаются с 39 долларов в месяц.
С чего начать
Чтобы начать работу с Hotjar, все, что вам нужно сделать, это зарегистрироваться для получения бесплатной учетной записи Hotjar, а затем добавить свой Hotjar ID в специальный плагин интеграции.
3. Сумасшедшее яйцо

Crazy Egg - еще один популярный инструмент SaaS для тепловых карт, который также легко интегрируется с вашим сайтом WordPress благодаря специальному плагину интеграции.
Он предлагает довольно уникальную опцию, называемую «отчет о конфетти», которая позволяет вам видеть каждый клик на странице.
Ключевая особенность
- Выделенный плагин интеграции WordPress
- Нажмите тепловые карты
- Прокрутка тепловых карт
- Отчеты о конфетти (показывает отдельные клики, а также сопоставление с образцом и фильтрацию)
- Записи с экрана
- A / B тестирование
За и против
Плюсы :
- Он предлагает как тепловые карты кликов, так и прокручиваемые тепловые карты.
- У него есть уникальная опция отчета о конфетти.
- Он включает не только тепловые карты - вы также получаете записи экрана и A / B-тестирование.
Минусы :
- Это инструмент SaaS, а не собственный плагин WordPress.
- Не существует вечно бесплатного плана.
Ценообразование
Crazy Egg предлагает 30-дневную бесплатную пробную версию для всех своих планов, но вечного бесплатного плана не существует. Платные планы начинаются с 24 долларов в месяц, до 30 000 просмотров страниц и 100 записей в месяц.
С чего начать
Для начала вам необходимо зарегистрировать учетную запись Crazy Egg - вы снова получаете 30-дневную бесплатную пробную версию. Затем вы можете взять сценарий отслеживания, который дает вам Crazy Egg, и добавить его в специальный плагин интеграции.
4. Тестирование Nelio A / B

Как следует из названия, Nelio A / B Testing - популярный плагин A / B-тестирования для WordPress. Однако, как часть пакета оптимизации конверсии, он также включает тепловые карты.
Вы можете легко настроить тест тепловой карты и просматривать все данные, даже не покидая панели инструментов. А если вы действительно хотите протестировать некоторые изменения, он предлагает A / B-тестирование, совместимое с Elementor.
Ключевая особенность
- Родной плагин WordPress
- Нажмите тепловые карты
- Прокрутка тепловых карт
- Отчет о конфетти (например, Crazy Egg)
- Сегментировать тепловые карты по устройствам
- A / B-тестирование (совместимо с Elementor)
За и против
Плюсы :
- Это собственный плагин WordPress, что означает, что все ваши данные остаются на ваших серверах.
- Функция тепловой карты бесплатна.
- Он поддерживает несколько типов тепловых карт.
- Вы также можете использовать его для запуска A / B-тестов вашего контента Elementor.
Минусы :
- Вам необходимо вручную создать тест тепловой карты для каждой страницы, которую вы хотите проанализировать - он не отслеживает автоматически все страницы, как другие инструменты.
- Поскольку это автономное решение, оно будет использовать больше ресурсов сервера, чем инструмент SaaS.
Ценообразование
Хотя Nelio A / B Testing имеет как бесплатную, так и премиальную версию, отслеживание тепловой карты доступно в бесплатной версии на WordPress.org. Вам нужно будет перейти на версию Pro только в том случае, если вы хотите запустить некоторые из более сложных типов A / B-тестирования.
С чего начать
Для начала установите и активируйте бесплатный плагин Nelio A / B Testing с WordPress.org. Затем перейдите в Nelio A / B Testing → Tests на панели инструментов WordPress. Создайте новый тест и выберите опцию Heatmap . Затем вы можете выбрать, для какой части контента вы хотите создать тепловую карту.
5. Счастливый апельсин

Подобно Hotjar и Crazy Egg, Lucky Orange - еще один инструмент SaaS для тепловой карты, который предлагает специальный плагин для интеграции с WordPress.
Помимо тепловых карт, он также имеет множество других функций, ориентированных на конверсию, таких как записи экрана, воронки конверсии, аналитика форм, опросы и даже онлайн-чат, ориентированный на продажи.
Ключевая особенность
- Нажмите тепловые карты
- Наведите тепловые карты
- Прокрутка тепловых карт
- Сегментируйте данные тепловой карты по источнику, устройству и т. Д.
- Аналитика на уровне элементов (например, вы можете быстро увидеть, что одна кнопка получает 20% всех кликов на этой странице)
- Записи посетителей
- Аналитика форм
- Опросы посетителей
- Живой чат
За и против
Плюсы :
- Он предлагает три различных типа тепловых карт и позволяет сегментировать их по большому количеству данных.
- Вы можете видеть информацию на уровне элементов на своих тепловых картах.
- Есть специальный плагин для интеграции с WordPress.
- Он предлагает другую полезную аналитику, такую как аналитика форм и записи посетителей.
Минусы :

- Он делает гораздо больше, чем просто тепловые карты, которые могут оказаться излишними, если вам просто нужен легкий инструмент тепловых карт.
- Не существует вечно бесплатного плана.
Ценообразование
Lucky Orange не предлагает вечный бесплатный план, но вы можете получить семидневную бесплатную пробную версию любого плана. По окончании пробной версии платные планы начинаются всего с 10 долларов в месяц и обеспечивают до 25000 просмотров страниц.
С чего начать
Для начала зарегистрируйте учетную запись Lucky Orange. Затем вы можете использовать плагин интеграции на WordPress.org, чтобы синхронизировать его со своим сайтом.
6. Mouseflow

Mouseflow - еще один популярный инструмент SaaS, который ориентирован как на записи с экрана полного посетителя, так и на тепловые карты. Он также предлагает специальный плагин интеграции WordPress, который поможет вам подключить его к WordPress.
Это особенно хороший вариант, если вы хотите, чтобы записи экрана сопровождались тепловыми картами, потому что его бесплатный план очень щедрый в этом отношении.
Ключевая особенность
- Нажмите тепловые карты
- Тепловые карты движения мыши (при наведении)
- Прокрутка тепловых карт
- Тепловые карты внимания
- Элементная аналитика для тепловых карт
- Полные записи сеанса
- Воронки
- Аналитика форм
- Формы обратной связи с посетителями
За и против
Плюсы :
- Mouseflow предлагает четыре различных типа тепловых карт.
- Есть специальный плагин для интеграции с WordPress.
- Есть щедрый бесплатный план навсегда.
- У него есть и другие полезные параметры аналитики, такие как аналитика форм и записи сеансов.
Минусы :
- Это инструмент SaaS, а не собственный плагин WordPress.
Ценообразование
У Mouseflow есть вечно бесплатный план, который поддерживает неограниченное количество тепловых карт для одного веб-сайта (и 500 записей экрана). Данные будут храниться в течение одного месяца.
После этого платные планы начинаются с 24 долларов за большее количество записей, более длительное хранение и другие улучшения.
С чего начать
Для начала зарегистрируйте учетную запись Mouseflow. Затем вы можете добавить скрипт отслеживания в специальный плагин интеграции на WordPress.org.
Начните работу с тепловыми картами WordPress сегодня
Тепловые карты - полезный инструмент, который поможет вам узнать больше о том, как посетители взаимодействуют с вашим сайтом. Получив эту информацию, вы можете использовать ее для создания более удобного и оптимизированного для конверсии сайта WordPress. Это увеличит стоимость создания вашего сайта WordPress, но в целом ценность собранных вами данных будет более чем оправдана вложенных средств.
Если вам нужен 100% нативный плагин для тепловой карты WordPress, два лучших варианта - это Aurora Heatmap или Nelio A / B Testing. У обоих есть надежные бесплатные варианты, что отлично, если вы хотите снизить расходы на свой сайт.
Однако, если вы хотите использовать инструмент SaaS, вы можете найти множество других отличных вариантов, каждый из которых имеет специальные плагины интеграции WordPress. Два хороших места для начала - это Hotjar или Mouseflow, потому что оба предлагают полезные функции и навсегда бесплатные планы.
У вас есть вопросы о том, как начать использовать тепловые карты в WordPress? Оставить комментарий!