Для чего нужна карта кликов сайта? – Plerdy

Карта кликов – один из базовых инструментов в руках опытного интернет-маркетолога, веб-дизайнера, контент-менеджера и SEO-специалиста. С помощью карт кликов можно внести изменения, которые приведут к увеличению показателей конверсии на сайте. Каждый из вышеназванных специалистов имеет собственный перечень заданий, которые невозможно выполнить качественно не использововав карту кликов.

Еще одним инструментом, который существенно дополняет собраные данные является карта скроллинга. С её помощью возможно замерять уровень читабельности длинных страниц.

Команда Plerdy подготовила для Вас новый бесплатный вебинар — «39 преимуществ карты кликов Plerdy». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

В данной статье рассмотрен перечень наиболее распространенных заданий, выполнение которых существенно упрощается (или, вообще, становится возможным) с помощью карт кликов и скроллинга:

1. Редизайн сайта;
2. Совершенствование контента;
3. Расположение ссылок на странице;
4. Проведение юзабилити аудита;
5. Оценка эффективности всплывающих окон (pop-ups);
6. Анализ призывов к действию;
7. Уменьшение процента отказов в корзине;
8. Анализ лендинга (посадочной страницы);
9. Увеличение конверсии интернет-магазина;
10. Анализ уникальных товарных предложений;
11. Оценка систем управления содержимым (CMS).

1. Редизайн сайта

Редизайн сайта требует понимания предыдущей модели поведения пользователей. Без этого, любые существенные изменения могут привести к стремительному падению не только конверсии, но и показателя продаж. Экспериментировать здесь крайне рискованно, ведь вернуться к предыдущим позициям может быть сложно.

Итак, веб-дизайнеры еще до создания первых эскизов, должны ознакомиться с собранными онлайн данными поведения пользователей. В частности, желательно обратить внимание на то, какие из элементов текущей версии сайта являются наиболее кликабельными, а какие остаются без должного внимания.

Пример собранной статистики кликов одного из сайтов в кабинете Plerdy:

Прежде чем заниматься совершенствованием сайта и создавать эскизы нового дизайна, необходимо принять во внимание данные о кликах: 1) по наиболее посещаемым страницам; 2) по основным страницам каждого типа.
Например, для интернет-магазина ими являются:

• главная;
• страница категории;
• страница товара;
• корзина;
• страница блога (текст)
• страница с контактными данными.

Не стоит забывать и то, что модель поведения посетителей с настольных компьютеров существенно отличается от поведения пользователей смартфонов. Учитывайте также и то, что аудитория последних стремительно растет – все улучшения сайта необходимо внедрять с ориентиром на них.

Редизайн – это всегда рискованный шаг, ведь точно никогда неизвестно, как целевая аудитория будет воспринимать новую версию сайта. Однако уменьшить такие риски не только можно, но и нужно.

2. Совершенствование контента

Работа с текстами, фото- и видеоматериалами на сайте очень важна. От их количества и качества зависит скорость роста показателя посещаемости сайта. Для интернет-магазинов работа с контентом является залогом роста процента конверсии и продаж.

Какую же практическую пользу в этом несет карта кликов?

Для работы с контентом особенно важен тандем из двух инструментов: карты кликов и карты скроллинга. Каждая из них позволяет видеть те показатели страницы, которые невозможно получить с помощью других сервисов.

Пример карты скроллинга на открытой странице блога Plerdy:

Собранная информация помогает в дальнейшем расположении призывов к действию, изображений, кнопок в тех местах, где они будут давать максимальный эффект.

Карта скроллинга позволит понять насколько оправдывают себя длинные тексты: если их никто не дочитывает до конца, возможно, имеет смысл такую ​​статью переписать или сократить?

Также, если ключевой призыв, на который вы возлагаете особые надежды, находится внизу материала и до него просто не доходят, вполне вероятно, что его лучше перенести в более заметную часть текста или вообще вынести в формат ниспадающего баннера?

Не забывайте, что качество контента имеет значение не только для вашей целевой аудитории, но и для продвижения всего сайта.

3. Расположение ссылок на странице

Вероятно, вы уже знаете что такое внутренняя перелинковка и почему она имеет особое значение для продвижения сайта. Для того, чтобы увеличить реальное количество переходов на определенную страницу, необходимо разместить на нее ссылки со страниц-доноров. В то же время, для совершенствования поведенческого фактора, следует учитывать места, в которых будет находиться такая ссылка.

Если посетители вашего блога не переходят на другие статьи или на страницы с товарами, это не обязательно свидетельствует о том, что их не заинтересовал материал. Вполне вероятно, что ссылки находится не в лучшем месте: их либо не замечают, либо другие элементы перетягивают внимание на себя.

Пример карты кликов на фрагменте текста из блога Plerdy:

Планируйте перелинковку на сайте, учитывая карту кликов и модели поведения различных сегментов посетителей (как тех, кто пользуются компьютерами, так и тех, кто читает ваши статьи со смартфона).

4. Проведение юзабилити аудита

Юзабилити аудит помогает объективно оценивать удобство дизайна. В процессе проведения аудита можно не только увидеть сайт глазами сторонних посетителей, но и выявить “аномалии” в поведении различных сегментов пользователей. Иными словами, понять почему они действуют совсем не так, как вы это предполагали с самого начала.

Карты кликов и скроллинга являются теми инструментами, без которых невозможно провести комплексную оценку и анализ внешнего вида сайта.

Чаще всего, внимание аналитиков приковано к:

• главной странице (куда чаще всего переходят пользователи)
• странице категорий товаров (в частности, работают фильтры)
• карточке товара (насколько дизайн понятен)
• главному меню (правильно структурировано и позволяет быстро перейти к нужному разделу)
• шапке сайта (как правило, в шапке расположены номера телефонов, поле поиска и, порой, пиктограммы социальных сетей).

Владельцы сайтов и интернет-маркетологи, которые никогда ранее не проводили юзабилити аудиты, часто удивляются результатам первого анализа сайта, осуществленного с помощью карт кликов. На самом деле, очевидные для вас вещи в дизайне могут и не быть таковыми для большинства пользователей сайта. Поэтому юзабилити аудит является первым шагом на пути улучшения сайта.

Если ваш сайт работает в коммерческой сфере, юзабилити аудит может показать причины низких показателей продаж. Глобальные изменения, как правило, начинаются с проверки сайта на удобство пользования.

5. Оценка эффективности всплывающих окон (pop-ups)

Многие современные сайты используют всплывающие окна (их дизайнеры еще часто называют pop-up). Поп-апы хорошо зарекомендовали себя как компоненты сайта, которые привлекают дополнительное внимание пользователей. Кроме них, маркетологи подключают чаты, чтобы держать связь с потенциальными клиентами, а некоторые даже устанавливает специальные приложения для оценки информативности страниц и т.д. Словом, способов сделать сайт интерактивным очень много.

Однако, без дополнительного анализа интерактивных методов, невозможно точно сказать насколько такие приложения эффективны и реально ли влияют на конверсию и рост продаж.

Одной из важных характеристик карты кликов Plerdy, которая выгодно отличает этот инструмент, является возможность собирать данные из всех, без исключений, ниспадающих окон. Клики по динамическим элементам (навигационному меню, поп-апам, баннерам, чатам) собираются в персональном кабинете и доступны для оценки.

Так интернет-маркетологи могут проверять насколько удачными были выбраные решения.

6. Анализ призывов к действию

Что побуждает пользователя интернет-магазина переходить между различными уровнями воронки продаж и, наконец, покупать выбранный товар? Внимание, интерес, желание… Все эти этапы преодолеваются благодаря внутренней мотивации человека, которого к тому же “подогревают” правильные призывы к действию (или CTA – с англ. “Click To Action”).

Задача интернет-маркетолога состоит в том, чтобы сформулировать такие призывы к действиям, которые будут не навязывать свою точку зрения, а убеждать посетителя сайта в верности выбранного пути.

Затем, с помощью карты кликов, проверяется вся воронка продаж и эффективность CTA. Если целевая аудитория и ее ключевая проблема была определена правильно, процент конверсии будет высоким.

7. Уменьшение процента отказов в корзине

Показатель отказов со страницы оформления товара – это настоящая точка боли многих маркетологов интернет-магазинов. Почему же происходит так, что потенциальный клиент преодолев всю воронку продаж, выходит на последнем этапе, бросая заполненную корзину?

Настоящих причин достаточно много: это и слишком сложная система регистрации, и баги в работе интернет-магазина, и отсутствие сервисной поддержки… О наиболее распространенных причинах написано много статей.

Однако, чтобы точно выявить причину брошенных корзин в вашем интернет-магазине, необходимо пересмотреть карту кликов. Собранные данные покажут, что же стало главным препятствием: технические проблемы, сомнения пользователя или, возможно, слишком сложный дизайн.

Чем быстрее будет обнаружена и исправлена ​​такая преграда, тем быстрее будет возобновлен процесс продаж в интернет-магазине.

8. Анализ лендинга (посадочной страницы)

Лендинги (посадочные страницы) являются одними из лучших способов продавать товары или услуги онлайн. Прежде всего это связано со спецификой подачи материала, которая позволяет максимально детализировать характеристики продаваемого объекта или события. Как правило, лендинги построены в виде нескольких блоков и содержат большое количество изображений, видеоматериалов и, порой, дополнены 3D-анимацией. Посетитель страницы листает ее до тех пор, пока один из блоков не убедит его перейти по ссылке далее. Если этого не произошло – страница просто закрывается.

В результате, лендинги имеют очень высокий показатель выходов (90-100%). Анализировать их без использования карт кликов и особенно – карт скроллинга крайне непросто.

Что позволяет выявить карта кликов для лендинга?
Во-первых, с помощью пользовательских тегов, можно отслеживать какие из кнопок на странице имеют наибольшую конверсию. Во-вторых, если страница “разбавлена” другими типами контента (например, видео или фото) или имеет интерактивную составляющую – карта покажет насколько они интересны для разных сегментов целевой аудитории.

Раздел кабинета Plerdy со статистикой пользовательских тегов:

Очень важным инструментом для исследования лендинга является карта скроллинга, которая демонстрирует глубину чтения страницы. Этот показатель позволяет определять интерес к размещенному материалу: если половина посетителей покидает лендинг на первой трети – это свидетельствует о слабом интересе к представленной теме. Соответственно, стоит задуматься о: 1) правильном выборе аудитории 2) том, даете ли вы исчерпывающую информацию как будет решен актуальный вопрос.

Результаты исправлений лендинга должны привести к уменьшению процента отказов и увеличению показателя продаж.

9. Увеличение конверсии интернет-магазина

Помимо традиционных инструментов для аналитики и продвижения интернет-магазинов, маркетологи уже несколько лет подряд используют карты кликов и скроллинга. В частности, они позволяют влиять на целый ряд показателей конверсии.

Для этого стоит вспомнить, что конверсия – это показатель выполнения определенного целевого действия. Приобретение товара – это также разновидность конверсии. Методов для его увеличения существует много, но почти все они связаны с формированием уникального торгового предложения, удобным и понятным дизайном, правильно расставленными призывами к действию и т. д. Насколько эти методы действенны и эффективны, можно видеть с помощью карт кликов и скроллинга.

Так, интернет-маркетолог, который хочет совершенствовать показатели конверсии будет анализировать поведенческие факторы на страницах магазина. В частности кликабельность и читабельность основных его компонентов. Опираясь на такую ​​статистику, значительно проще принимать решения по внедрению дальнейших изменений на сайте.

10. Анализ уникальных товарных предложений

Многие интернет-магазины предлагают своим посетителям особые товары, делая уникальные товарные предложения (УТП). Их содержание и форма, обязательно отличаются от других, что делает УТП важным методом продвижения товаров на высококонкурентном рынке.

Карта кликов позволяет проводить анализ УТП в рамках определенного сайта. В частности, это касается кликабельности тех страниц, которые содержат детальное описание товарного предложения. Маркетолог, который отслеживает уровень популярности категорий или отдельных карточек товаров содержащих УТП, имеет возможность оперативно вносить изменения и редактировать их в соответствии с поведением пользователей.

Чем удачнее и уникальнее предложение, тем выше конверсия и больший объем продаж.

11. Оценка систем управления содержимым (CMS)

Карта кликов является незаменимым инструментом для оценки сложных систем управления содержимым (админок).

Все современные сайты строятся таким образом, чтобы при необходимости, можно было быстро вносить в них изменения. С этой целью используются системы управлением содержимым (или, проще говоря – админки). В мире существует множество платных и бесплатных админок. Ежегодно их количество продолжает расти. Различные студии конкурируют за клиентов, работая над созданием лучших онлайн решений для управления содержания сайтов.

Однако, как выявить насколько выбранный дизайн и предложенный функционал является удобным для конечного потребителя? Конечно же: провести юзабилити аудит с помощью карт кликов и скроллов

Особенностью всех CMS-ок является закрытость для сканирования внешними сервисами. Соответственно, большинство разработчиков опираются только на собственные исследования других аналогичных систем, а также прямые опросы среди групп потенциальных клиентов.

Карта кликов позволяет получать результаты даже в скрытой, от остальных пользователей, части сервиса. После установки скрипта собирается статистика о кликах по различным объектам на каждой странице системы: кнопкам, полям, изображениям, текстам и ​​т.д. В результате, через определенный период времени, разработчики получают полную картину поведения пользователей и имеют возможность вносить изменения: перемещать элементы, менять цвета или шрифты, добавлять подсказки.

Карта скроллинга также может быть полезной в случаях, если в админке есть страницы для которых имеет значение анализ глубины чтения.

Итак, карты кликов и скроллинга могут быть удобным инструментом в руках разработчиков программного обеспечения.

О чем стоит помнить пользователям карт кликов и скроллинга?

Техники работы с картами кликов и скроллинга, в основном уже описаны специалистами, которые ежедневно имеют дело с анализом сайтов. Однако есть несколько важных рекомендаций, которые стоит напомнить еще раз, поскольку они имеют особое значение в процессе выполнения всех вышеперечисленных задач.

Итак:

1. Каким бы ни был сложным проект, вся важная информация должна находиться в верхней части (название, навигация, контакты и т.д.). Именно поэтому многие проекты даже фиксируют верхнюю часть сайта, чтобы у пользователя был постоянный доступ ко всей навигации.
2. Кроме цветов, шрифтов, изображений, следует помнить о том, что самую важную информацию можно выделять размером. Люди покупают то, на что смотрят. Соответственно то, что привлекает внимание, имеет гораздо больше шансов быть купленным.
3. Не забывайте о явлении “баннерной слепоты”. Поскольку нас повсюду окружает реклама, человек научился ее просто не замечать. Поэтому чем больше баннер напоминает собой рекламу, тем меньше вероятность, что он будет воспринят должным образом.
4. Многие сайты используют карусели с разными предложениями. Однако для людей, которые знают, что именно они ищут, карусели не имеют никакого значения.
5. Качественные изображения продают лучше, чем описания. Описания нужны для продвижения сайта и развернутой характеристики продукта.
6. Прежде чем внедрять новые элементы на сайте, лучше убедиться в их эффективности с помощью А/В тестов. Частичные или полные изменения дизайна страниц лучше проверять с помощью тестов – таким образом можно уменьшить риск потери внимания своей целевой аудитории.

Вывод

Как видно из данной статьи, карта кликов, действительно, упрощает решение многих задач, с которыми сталкиваются интернет-маркетологи, дизайнеры, SEO-специалисты, разработчики и другие IT-специалисты. Однако весь диапазон использования этого инструмента может быть значительно шире и зависит от специфики сферы, в которой работает сайт.

Первоначально карты кликов доказали свою практическую пользу в сфере маркетинговой аналитики: сбор статистики и формирование карт поведения пользователей показывает специалистам гораздо больше, чем может содержаться в опросниках или традиционных инструментах аналитики. С помощью карт кликов стали возможной работа с брошенными корзинами, анализом уникальных товарных предложений, анализом призывов к действиям и других маркетинговых методов работы с целевой аудиторией.

Еще одной сферой использования карт кликов является веб-дизайн. В частности, та ее составляющая, которая отвечает за формирование нового имиджа существующего веб-проекта. Редизайн или обновление обязательно должно опираться на имеющиеся поведенческие паттерны. Цена ошибки, в данном случае, очень высока.

Зарекомендовала карта кликов себя и в сфере SEO. Проводить юзабилити аудиты с ней стало значительно проще. Анализировать эффективность лендингов без карты скроллинга вообще невозможно, поскольку это единственный инструмент с помощью которого можно видеть активность пользователей по всей длине чтения страницы.

В конце концов, разработчики также могут пользоваться картой кликов, создавая SaaS-решения, системы управления содержанием и другие, более сложные онлайн-сервисы.

Для того чтобы разобраться насколько данный инструмент имеет практическую пользу для вашего проекта, лучше воспользоваться возможностью и попробовать 14-дневный тестовый период.

5 доказанных причин установить карту кликов – Plerdy

Если вы когда-нибудь самостоятельно проводили юзабилити аудит сайта, вам известно сколько предположений появляется в процессе оценки интерфейса. Довольно часто мы опираемся на собственный опыт и ошибочно считаем, что другие пользователи так же воспринимают информацию.

В результате, разобрать истинные причины поведения пользователей становится очень непросто. Почему большинство посетителей не открывает крупнейший баннер сайта? Почему часть потенциальных клиентов покидает страницу, несмотря на заманчивое предложение перейти дальше?

Чтобы понять поведенческие факторы посетителей веб-ресурса, необхдимо воспользоваться картой кликов- специальным инструментом для анализа кликабельности элементов сайта.

Ценность карты кликов заключается, прежде всего, в возможности проверки дизайна вашего веб-ресурса на практичность и “понятность” посетителям.

Другими словами — карта кликов позволяет увидеть сайт глазами другого пользователя.

Команда Plerdy подготовила для Вас новый бесплатный вебинар — «39 преимуществ карты кликов Plerdy». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

Примеры практической пользы карты кликов

Мы очень ценим отзывы и комментарии наших пользователей. Именно они позволяют собирать ценную информацию для дальнейшего совершенствования сервиса.

Одним из важных показателей успешности Plerdy являются истории успеха клиентов.
Благодаря поддержке обратной связи с партнерами, мы имеем возможность узнавать о примерах практической пользы карты кликов.

Так, беря во внимание пользовательский опыт Plerdy, мы выделили 5 основных причин, почему карта кликов особенно актуальна для проектов сферы электронной коммерции.

1. С Plerdy значительно проще выбрать «работающий» интерфейс

Очевидно, что дизайн сайта должен работать и быть максимально эффективным.

Что значит «работающий», когда речь идет об интерфейсе интернет-магазина?

Прежде всего, это значит, что все составляющие сайта правильно расположены и выполняют предназначенные им функции. Если отдельные элементы (например, кнопок, полей, баннеров) не кликабельные — это может свидетельствовать о том, что следует пересмотреть выбранный дизайн или отдельные его составляющие.

Эффективный дизайн интернет-магазина обязательно должен учесть существующие стандарты. Посетителям сайта гораздо проще взаимодействовать с веб-ресурсом со стандартным расположением навигации и кнопок. Очевидно, что все новые (даже «гениальные») решения всегда стоит дополнительно тестировать.

Во время такого теста некоторые элементы дизайна могут оказаться лишними.

Так, например, в дизайне нашего клиента была выявлена ошибка, которую более года администраторы сайта просто не замечали.

В данном дизайне была размещена небольшая кнопка «бургер», которая не выполняла никакой функции. Вероятно, она осталась там еще с проектирования адаптивной версии:

Посетители, надеясь открыть скрытое меню, в течение только одного месяца кликнули по ней 13 раз:

Говоря о современном дизайне, стоит также учитывать новое психологическое явление — «баннерную слепоту». Это приобретенная способность пользователей не замечать и обходить баннеры с рекламой.

Причиной такого поведения является защитная реакция организма: мы ежедневно встречаем множество предложений что-то купить. В результате формируется привычка игнорировать баннеры.

Пример баннера, который не кликали на протяжении полугода:

Карта кликов показывает насколько пользователи воспринимают тот или иной баннер.

2. Plerdy показывает, какой контент пользуется спросом на сайте

Карта кликов позволяет понять, какой тип контента пользуется наибольшим спросом у посетителей вашего веб-ресурса.

Общеизвестно, что качество контента определяет интерес посетителей к сайту. Для оценки популярности веб-ресурса или отдельных его страниц используются системы аналитики (например, Google Analytics), оценить же интерфейс и содержимое страницы возможно только с помощью карт кликов.

Кстати, именно благодаря исследованиям поведения пользователей, было доказана практическая польза расположения контента в виде английской буквы «F».

Значительная часть планеты читает текст слева направо и сверху вниз, поэтому важная информация должна всегда находиться слева вверху:

Данные о глубине скроллинга являются показателем полноты чтения текстов. Учитывая их, можно выявить лучшие места для размещения баннеров или призывов к действию.

Например, в блоге одного интернет-магазина есть страницы, которые полностью дочитывают до конца (показатель 60-80% скролинга):

Зато есть страницы, которые даже не прокручивают дальше 20%. Мы порекомендовали переписать статьи, на которые есть переходы, но текст первых абзацов не заинтересовывает пользователей.

3. Plerdy позволяет сегментировать аудиторию по типу устройства

Известно ли вам чем отличается поведение пользователей веб-ресурса, которые открыли его с собственного ноутбука от тех, кто открыл его на смартфоне? Если нет, значит у вас нет всей картинки для проведения юзабилити аудита.

Если Google Analytics дает ответы на вопросы по которым страницам переходят пользователи с различных устройств, то Plerdy показывает, как они взаимодействуют с сайтом:

Красная кривая — это клики на сайте со смартфона, зеленая — планшета, а синяя — компьютера.

Особенность Plerdy заключается в возможности собирать клики из более 15 различных расширений экрана с точностью 99%.

Сегментированные данные по типу устройства позволяют увидеть количество кликов по разным элементам страниц и их соотношением между различными сегментами:

4. Plerdy покажет, изображения лучше привлекают внимание

С картой кликов Вы узнаете какие изображения для своего сайта были подобраны удачно, а какие следует заменить. Особенно это касается интернет-магазинов, страницы которых пестрят разнообразными фотографиями.

Все изображения сайта должны либо обращать внимание, либо продавать, а для этого необходимо размещать только качественные изображения.

На странице категорий, карта кликов позволяет определить элементы, которые собирают больше всего и меньше всего кликов:

5. С помощью Plerdy проще уменьшить процент отказов

Все ли призывы к действию на вашем веб-ресурсе работают? Если это ссылка или кнопка с предложением приобрести товар, вы сможете узнать насколько они удобно расположены, имеют удачный цвет и размер.

Исследование компании TechWyse доказывает влияние цветов, размеров и расположения элементов на показатели отказов. Другое исследование, компании CareLogger, показало, что показатель роста CTR на 34% возможен даже за счет правильно подобранных цветов кнопок.

С помощью Plerdy мы обнаружили пример кнопки с крайне низким показателем кликабельности:

Эта кнопка была спроектирована дизайнером, но, очевидно, посетители чаще переходят к товару, кликая по его названию. Мы предложили провести A / B тест для того, чтобы выяснить оптимальный шрифт для названия товара и цвета кнопки.

В том же проекте нашлась страница со слишком большим количеством разделов. Очевидно, что из-за их количество, часть оставалась вне внимания:

Меню сайта является важным элементом навигации. Его анализ может показать много интересных нюансов.

Согласно собранной карте кликов за 3 месяца, можно определить куда чаще всего переходят пользователи компьютерной версии сайта:

Отдельно собирается общая динамика кликов с распределением данных между страницами и ее самыми популярными составляющими:

Вывод

Лучшим выводом является демонстрация конкретного результата.

На слайде ниже показаны изменения, произошедшие на страницах интернет-магазина после добавления кнопки «Подробнее» во все категории (для иллюстрации взяты 2 разные страницы категорий):

Как видим, процент отказов существенно изменился. Благодаря небольшим правкам  формируется общее изменение поведенческих факторов на всем веб-ресурсе. Таким образом карта кликов, как инструмент, демонстрирует свои преимущества: пока счетчики аналитики отслеживают что делают пользователи, карта кликов показывает почему они поступают именно так.

Итак, вот 5 причин, почему стоит попробовать Plerdy для своего проекта:

1. Значительно проще выбрать «работающий» интерфейс;
2. Можно определить, какой контент пользуется спросом на сайте;
3. Аудитория сегментируется по типу устройства;
4. Точно можно понять, какие изображения лучше привлекают внимание;
5. Можно существенно улучшить показатель CTR.

Однако подводя итог, мы еще не спешим делать общие выводы по всем проектам, ведь нас ждут данные с других ресурсов, а также результаты, которые станут возможными благодаря внесенным изменениям в вышеуказанные проекты.

Карты кликов: Отслеживание кликов пользователей на вашем веб-сайте

Обучение / Блог / Статья

Вернуться к блогу

Люди не могут пользоваться веб-сайтом, не щелкнув где-нибудь мышью или не коснувшись мобильного устройства. Эти клики и касания помогают им перемещаться по страницам и находить продукты, услуги или информацию, которые они ищут.

Но знаете ли ВЫ, как дизайнер веб-сайтов, маркетолог или владелец бизнеса, куда именно нажимают и нажимают ваши посетители? И знаете ли вы, как использовать эту информацию для создания лучшего веб-сайта и опыта?

Здесь на помощь приходят карты кликов.

PX Insights

Поведенческая аналитика

Fio Dossetto

Последнее обновление

18 августа 2022 г. карт кликов, как вы можете использовать их для оптимизации UX и как настроить карты кликов на своем веб-сайте или странице продукта всего за пару минут.

Что такое карта кликов?

Карта кликов (или карта кликов) относится к типу тепловая карта веб-сайта , которая показывает, где пользователи щелкают курсором мыши на настольном устройстве или касаются экрана на мобильном устройстве. Карты кликов помогают владельцам веб-сайтов отслеживать взаимодействие пользователей на странице, например клики по кнопкам, ссылкам, изображениям и т. д. на веб-сайте, что, в свою очередь, помогает им оптимизировать свои страницы и CTA для повышения конверсии.

ПРИМЕР КАРТЫ КЛИКОВ НА ДОМАШНЕЙ СТРАНИЦЕ HOTJAR

Карты кликов используются дизайнерами пользовательского опыта и маркетологами для отслеживания действий пользователей , выявления возможностей для улучшения конверсии, исправить ошибки и улучшить дизайн веб-сайта . Популярность кликов отображается с использованием цветовой шкалы от красного до синего (где самые популярные точки отмечены как «горячие» и представлены красным цветом), а также количественные данные о количестве кликов и процентах кликов пользователей по каждому элементу веб-страницы.

Карта кликов в сравнении с тепловыми картами

Эта карта кликов Hotjar показывает замешательство пользователя в действии

Тепловые карты (или тепловые карты) — это общий термин, описывающий различные типы визуальной аналитики веб-сайта. Карты кликов — это особый тип тепловой карты (вместе с карты прокрутки и карты перемещения), где красными или «горячими» точками показаны элементы страницы, на которые нажимали чаще всего, а синими или «холодными» точками показаны те, на которые кликали реже всего. Любая область, которая не содержит цвета, никогда не нажималась.

Зачем использовать карты кликов на веб-сайтах?

С помощью тепловых карт кликов вы можете:

• Увидеть, где посетители нажимают и нажимают

• Выявлять неэффективные CTA, которые игнорируются

• Поиск ошибок и проблемных мест продукта для улучшения

• Визуальная демонстрация данных о взаимодействии страниц для количественной оценки моделей поведения пользователей .

  Вы увидите, где посетители нажимали на CTA (призывы к действию) и неожиданные элементы, что, в свою очередь, дает вам надежную отправную точку для внесения изменений в продукт для улучшения UX и CRO ( оптимизация коэффициента конверсии ). Взгляните на этот краткий пример:

  Примеры карт кликов Hotjar для разных устройств

  Эта карта кликов была размещена на старой версии нашей домашней страницы, которая включала видео в верхней части средней складки. На самом деле, как показывают карты кликов как на мобильных, так и на десктопных устройствах, никто не смотрел видео: общая вовлеченность составляет 0,04% — это означает, что из 7000 человек около трех (!) нажали кнопку воспроизведения. Если бы видео содержало уникальную ценную информацию о продукте, которая не была воспроизведена больше нигде на странице, у нас были бы проблемы — и одна только эта карта кликов предупредила бы нас о проблеме, которую необходимо решить.

  Кроме того, карты кликов можно использовать в качестве наглядного пособия, помогающего сообщать заинтересованным сторонам и клиентам о проблемах и оптимизации веб-сайта и продукта, что особенно полезно, если вы делаете презентацию для нетехнической аудитории.

  Пользователь Hotjar поделился тепловой картой с членом команды, чтобы разработать экономическое обоснование для увеличения бай-ина

  Как использовать карты кликов на своем веб-сайте

  Вы можете использовать карты кликов на любом типе веб-сайта — сайте электронной коммерции, список продуктов, блог, целевые страницы и многое другое.

  Вот как настроить тепловые карты кликов Hotjar с помощью нашего инструмента анализа тепловых карт и начать собирать данные о кликах на вашем веб-сайте уже сегодня. Каждая тепловая карта Hotjar автоматически генерирует все три типа тепловых карт (щелчок, перемещение и прокрутка), поэтому нет необходимости делать что-то особенное для настройки карты кликов.

  Войдите в главную панель управления Hotjar ( сначала зарегистрируйтесь для получения вечно бесплатной учетной записи, если вы новичок в этом) и перейдите в раздел «Тепловые карты», чтобы начать.

  Вот шесть простых шагов для создания карты кликов:

  Шаг 1: добавьте код отслеживания Hotjar на свой веб-сайт

  Вы можете установить код отслеживания Hotjar несколькими способами, в том числе с помощью Диспетчера тегов Google и плагина WordPress .

  Шаг 2: включите «захват сеанса»

  На основе сеансов создаются непрерывные тепловые карты. Когда «захват сеанса» включен, тепловые карты доступны автоматически, и они начинают собирать данные о поведении пользователей. Итак, вам сначала нужно убедитесь, что «захват сеанса» включен .

  Вы можете убедиться в этом, посетив Heatmaps в своей учетной записи Hotjar и проверив виджет покрытия трафика в правом верхнем углу страницы.

  Если вы наведете курсор на этот виджет, вы увидите больше информации о ваших ежедневных настройках «захвата сеанса», которые будут применяться как к записям Hotjar, так и к непрерывным тепловым картам.

  Если захват сеанса не включен, вы увидите оранжевую кнопку «Захват сеанса отключена» в верхней части страницы, которая приведет вас на страницу конфигурации захвата сеанса.

  Шаг 3: начните работу с непрерывными тепловыми картами

  Нажмите на Тепловые карты в меню навигации слева:

  Шаг 4: введите URL-адрес своей тепловой карты или выберите из списка популярных страниц

  С помощью панели поиска по адресу в верхней части страницы «Непрерывные тепловые карты», вы можете просмотреть тепловую карту для любой отслеживаемой вами страницы, введя здесь URL-адрес.

  Чтобы узнать больше, вы можете прочитать нашу статью о URL-фильтрации для непрерывных тепловых карт .

  Вы также можете выбрать страницу из списка «популярных страниц». В этом списке показаны страницы вашего сайта, которые собрали наибольшее количество данных о сеансах за последние 30 дней.

  Шаг 5: щелкните по просмотру тепловой карты

  Ваша тепловая карта должна появиться в течение 90 секунд или меньше.

  Чтобы снова быстро просмотреть URL-адрес этой страницы в непрерывных тепловых картах, используйте функцию «закрепить страницу», щелкнув маленький значок булавки справа от URL-адреса:

  Шаг 6: выберите «Карта кликов»

   Вот как результаты тепловой карты кликов будут выглядеть внутри панели управления Hotjar:

  Пример карты кликов Hotjar

  Любую тепловую карту можно переключить для отображения сеансов на рабочем столе, планшете или мобильном телефоне. Чтобы просмотреть данные карты кликов, выберите вкладку «Клик» в параметрах типа тепловой карты. Вы также можете просматривать и загружать необработанные данные.

  Примечание: чтобы гарантировать, что Hotjar точно сообщает, где посетители вашего веб-сайта нажимали, мы собираем клики относительно элементов на странице продукта. Например, если пользователь нажимает кнопку, мы будем записывать положение его курсора относительно этой конкретной кнопки, а не всей страницы — другими словами, тепловые карты Hotjar предоставляют вам агрегированную визуализацию поведения пользователя.

  Узнайте, «почему люди нажимают», комбинируя тепловые карты с другими инструментами PX.

  Стек инструментов Hotjar

  Карты кликов отлично показывают что нажимают и на что нажимают пользователей, но это только часть истории — вам все еще нужно понять почему пользователей нажимают (или, что еще важнее: почему они не получится).

  Для этого вы можете комбинировать количественную информацию о карте кликов с качественной информацией из опросов отзывов пользователей и записей сеансов . Используя Hotjar, вы можете быстро настроить записи и опросы (наше название для опросов обратной связи на месте) вместе с тепловыми картами на своем веб-сайте или странице продукта, чтобы получить всю информацию об опыте работы с продуктом (PX), необходимую для оптимизации и улучшения UX.

  Дополнительная литература: узнайте, как объединить тепловые карты и другие инструменты

  для получения дополнительной информации, и узнайте, как CCV Shop, компания SaaS, использовала карты кликов в сочетании с записями сеансов для повышения коэффициента конверсии и удовлетворенности клиентов.

  Создайте бесплатную карту кликов и увеличьте количество конверсий уже сегодня

  Карты кликов — это быстрый и простой способ увидеть, что люди на самом деле делают на вашем сайте. Они являются ключевым инструментом анализа опыта продукта в стеке технологий UX и оптимизации маркетологов, дизайнеров UX и оптимизаторов коэффициента конверсии, и они особенно полезны, если вы ведете онлайн-бизнес и хотите глубоко понять поведение ваших клиентов : что ими движет, что их интересует, с чем они взаимодействуют или чего не замечают на вашем сайте.

  4 часто задаваемых вопроса о карте кликов

  Анализ PX

  7 лучших инструментов записи сеансов для понимания поведения пользователей на вашем сайте дважды. Но как достать билеты в первый ряд в это путешествие? Здесь на помощь приходит программное обеспечение для записи сеансов веб-сайта. 

  Предприятия используют программное обеспечение для записи веб-сайтов, чтобы лучше понять, как их клиенты перемещаются по сайту и как они его воспринимают. Но с таким количеством инструментов, которые подходят для разных целей, как выбрать правильное программное обеспечение для вашего бизнеса и потребностей клиентов?

  Анализ PX

  Контрольный список основных продуктов для менеджера по продукту: книги, навыки и жаргон, которые вам понадобятся

  Что нужно, чтобы стать отличным менеджером по продукту? Вы должны говорить на языке, знать территорию и развивать навыки. Вы ставите галочки в этих галочках?

  Команда Hotjar

  PX Insights

  Менеджеры по продукту постоянно говорят об этих 10 книгах

  Лучшие книги по управлению продуктами. Великие продакт-менеджеры никогда не перестают учиться. Вот 10 лучших книг в каждом списке чтения продакт-менеджеров.

  Команда Hotjar

  Просмотреть все статьи

  Как максимально эффективно использовать ваши пользовательские данные: FullSession

  Первый шаг в оптимизации вашего веб-присутствия — это понимание шаблонов кликов посетителей веб-сайта. Вы можете просматривать карты кликов, чтобы узнать, сколько людей кликнули по каждому разделу вашего веб-сайта и нашли ли они то, что искали. Этот инструмент поможет вам понять вашу аудиторию и позволит вашей компании вносить дальнейшие улучшения.

  Существуют различные инструменты поведения клиентов. Карта кликов — одна из наиболее эффективных форм визуализации данных, поскольку она разбивает действия пользователя на легко усваиваемые фрагменты. Это поможет вам раскрыть детали поведения пользователей, которые в противном случае вы могли бы упустить.

  Мы провели обширное исследование карт кликов при создании нашего инструмента для создания тепловых карт FullSession. Мы написали это руководство, чтобы помочь вам узнать, как использовать их для исправления и оптимизации вашего веб-сайта. Если вы хотите узнать больше о тепловых картах FullSession, потратьте несколько минут своего времени, чтобы зарегистрировать свою учетную запись и начать 14-дневную бесплатную пробную версию.

  Что такое карты кликов?

  Источник изображения: instapage.com

   

  Недостаточно иметь красивые веб-сайты или целевые страницы. Вы должны создать значимый и запоминающийся опыт для клиента, который включает быстрое время загрузки, безошибочные функции и безупречную навигацию.

  Вы должны прислушиваться к своим пользователям и стремиться к их счастью. Карты кликов — отличный способ сделать это — их легко создать, и они бесценны для выявления возможностей для улучшения вашего продукта или услуги.

  Карты кликов проливают свет на модели поведения и дают полезную информацию о том, как работает ваш веб-сайт в режиме реального времени, какие страницы или элементы работают лучше всего и на чем следует сосредоточиться. Вы можете использовать эти количественные данные для улучшения контента или макета вашего сайта, а также для маркетинга, продаж или разработки, что в конечном итоге повысит коэффициент конверсии в процессе.

  Как работают карты кликов?

  Основной принцип карт кликов прост: каждый раз, когда кто-то нажимает на элемент на вашем веб-сайте, веб-приложении или целевой странице, инструмент отслеживания кликов записывает это действие и присваивает ему уникальный идентификатор. Затем он отображает пользовательские данные в графическом отчете, используя цветовую шкалу, чтобы помочь вам визуализировать взаимодействие с пользователем.

  Элементы страницы, которые являются наиболее популярными, получают самую высокую интенсивность цвета, в то время как элементы, которым уделяется мало внимания или вообще не уделяется внимания, находятся в более темном конце цветового спектра и обычно окрашиваются в синий цвет.

  Таким образом, вы можете быстро определить, какой контент хорошо воспринимается клиентами, и внести коррективы, чтобы либо воспроизвести этот контент на других страницах, либо оптимизировать его для более активного взаимодействия.

  Некоторые карты кликов также позволяют фильтровать результаты по определенным страницам или источникам, таким как обычный поиск или входящие ссылки, что помогает определить конкретные области для улучшения, увеличить посещаемость веб-сайта или снизить показатель отказов.

  В Интернете доступно множество различных инструментов карты кликов, поэтому важно выбрать тот, который соответствует вашим конкретным потребностям. Некоторые из самых популярных вариантов включают FullSession, Hotjar, Crazy Egg и Inspectlet.

  Каковы преимущества карт кликов?

  Источник изображения: superoffice.com

   

  Подсчета количества посещений веб-сайта как меры успеха недостаточно. Сочетая количество уникальных посетителей вашего веб-сайта с картами кликов и другими инструментами поведения пользователей, вы можете получить целостное представление о том, как люди взаимодействуют с вашим брендом.

  Используя данные о кликах, чтобы узнать, как клиенты перемещаются по вашему веб-сайту, вы можете персонализировать их взаимодействие с различными цифровыми точками взаимодействия. Если вы еще не уверены, что карты кликов стоят вашего времени, вот несколько преимуществ, которые следует учитывать.

  Карты кликов помогут вам:

  1. Увеличить посещаемость вашего сайта
  2. Проверьте удобство использования и функциональность вашего сайта
  3. Понимание желаний и потребностей пользователя
  4. Уменьшить показатель отказов
  5. Создавайте больше потенциальных клиентов и заключайте больше сделок
  6. Создайте оптимальный путь клиента
  7. Улучшите свою конверсию или воронку продаж
  8. Узнайте, какие элементы страницы или области веб-сайта неэффективны
  9. Обновите свою стратегию маркетинга, продаж или развития
  10. Получить идеи о том, как изменить дизайн вашего веб-сайта или улучшить содержание
  11. Измените порядок ссылок, чтобы повысить CTR

  Основным преимуществом карт кликов является отслеживание рентабельности инвестиций (ROI).

  Вы всегда будете знать точный процент отдачи, который вы получаете на каждый доллар, вложенный в ваши рекламные кампании. Кроме того, карты кликов легко внедрить в существующую цифровую инфраструктуру.

  Каковы недостатки карт кликов?

  Карта кликов — отличный способ увидеть, как пользователи взаимодействуют с вашим сайтом или веб-приложением. Тем не менее, есть некоторые недостатки, о которых вы должны знать.

  Карты кликов могут вводить в заблуждение. Они показывают, какие разделы вашего веб-сайта или веб-приложения наиболее популярны, но могут не отражать интерес пользователя. Например, если на вашем веб-сайте показываются объявления, на карте кликов могут быть отмечены объявления, на которые пользователи чаще всего нажимают. Однако, просто просматривая отчеты об отслеживании кликов, вы не узнаете, является ли реклама навязчивой или нерелевантной для пользователя.

  Кроме того, карты кликов могут замедлить работу вашего сайта. В зависимости от программного обеспечения, которое вы используете, создание карт кликов может занять много времени, поэтому, если у вас большой объем данных, вы не сможете сразу использовать отчеты карты кликов.

  Наконец, карты кликов иногда могут быть неточными. Они могут показать вам области, где люди нажимают или взаимодействуют с вашим контентом, но это может не отражать, сколько из них действительно обратили внимание на элементы вашей страницы.

  Стоит ли вкладывать деньги в карты кликов?

  Да, карты кликов определенно стоят вложений и могут привести к увеличению доходов. Наличие данных о кликах позволяет вам просматривать свой веб-сайт так, как вы не могли раньше.

  Отслеживая навигацию пользователей, вы можете создать более эффективный сайт, основанный на их реальных потребностях, а не на ваших предположениях, и повысить производительность, внеся изменения в страницы продуктов или услуг, призывы к действию или структуру сайта.

  Кроме того, карты кликов помогут вам определить, почему некоторые люди покидают ваш сайт, ничего не купив, чтобы вы могли принять соответствующие меры, чтобы предотвратить повторение подобного.

  Как отслеживать клики посетителей сайта с помощью FullSession?

  Мы создали FullSession, наш инструмент веб-аналитики, который поможет вам отслеживать работу ваших пользователей на разных устройствах, понимать поведение посетителей с помощью визуализаций в реальном времени и выявлять проблемы на пути их клиентов для целенаправленной оптимизации.

  FullSession предоставляет вам унифицированное аналитическое решение, которое показывает все цифровые точки взаимодействия, включая Интернет, мобильные устройства, планшеты и настольные компьютеры, на одной панели инструментов. Это единое решение для увеличения трафика веб-сайта, повышения вовлеченности и превращения большего количества посетителей в активных постоянных клиентов.

  В сегодняшней статье мы рассмотрим и сравним наши инструменты отслеживания кликов. Если вы хотите углубиться в детали, вы можете прочитать другие наши статьи и узнать, что такое отслеживание веб-сайтов, как регистрировать посетителей веб-сайта и как инструменты поведения пользователей могут помочь вашему бизнесу.

  Тепловые карты FullSession

   

  Интерактивные тепловые карты FullSession в режиме реального времени незаменимы для визуализации поведения клиентов и выявления возможностей роста. С помощью FullSession вы можете анализировать каждый щелчок, прокрутку, наведение или движение мыши на вашем сайте, чтобы создать превосходный цифровой опыт.

  Тепловые карты FullSession отображают красочные, легко интерпретируемые графические диаграммы, которые показывают, как посетители перемещаются по всему вашему веб-сайту и взаимодействуют с вашим брендом.

  Типы тепловых карт FullSession

  FullSession предоставляет вам:

  • Рабочий стол карты кликов визуализацию для просмотра шаблонов кликов пользователей и соответствующей оптимизации контента.
  • Тепловые карты движения , которые показывают пользователям движения курсора, то, что бросается в глаза или утомляет их.
  • Карты прокрутки , которые показывают глубину прокрутки и помогают определить, насколько далеко пользователи прокручивают ваши веб-страницы

  Используя интерактивные визуализации и расширенные параметры фильтрации, вы можете получить всю необходимую информацию без необходимости работать со сложными отчетами или необработанными данными в электронных таблицах.

  Зачем использовать карты кликов FullSession

  Независимо от того, какие данные вы ищете, от чего-то небольшого, например улучшения SEO, до чего-то более важного, например лучшего понимания ваших клиентов, тепловые карты FullSession могут дать вам ответы.

  FullSession имеет расширенный инструмент для создания тепловых карт, который дает вам доступ к мгновенной информации и данным, которые можно использовать. Это помогает вам выявлять проблемы, измерять их влияние на ваш сайт и точно определять, что вам нужно сделать, чтобы быстро их исправить, а не ждать, пока проблема проявит себя.

  Используйте тепловые карты FullSession, чтобы понять источники недовольства пользователей или элементы, вызывающие наибольшую заинтересованность, чтобы улучшить ваши усилия в области продаж, маркетинга или разработки.

  Записи сеансов FullSession и инструменты воспроизведения

   

  Для достижения наилучших результатов следует комбинировать записи сеансов с тепловыми картами. FullSession регистрирует и показывает каждое действие посетителя в записи сеанса. Это более быстрый способ проанализировать поведение пользователей на вашей веб-странице и найти возможности для улучшения взаимодействия с пользователем. Для получения подробной информации прочитайте наше руководство по записи и воспроизведению сеанса.

  Какие данные о клиентах вы получаете с помощью записей сеансов FullSession?

   

  Вы можете легко просматривать записи сеансов с помощью функции воспроизведения полного сеанса, которая показывает:

  1. Источники ваших посещений
  2. IP-адрес каждого посетителя
  3. Дата записи первой сессии
  4. Среднее время нахождения на странице
  5. Общее время, проведенное на страницах

  Самое главное, с помощью списка сеансов и событий сеансов вы можете анализировать и проверять действия пользователей на каждой странице, от того, сколько раз они нажимают на элемент, до того, сколько времени им требуется для завершения покупки.

   

  Он покажет вам, как часто они нажимали на кнопки, ссылки, посещали определенные страницы или сталкивались с неожиданными проблемами. Если вы хотите создать лучший опыт для своих клиентов или снизить показатель отказов, FullSession может помочь.

   

  Благодаря расширенным возможностям фильтрации по множеству параметров вы сможете сэкономить время и быстро найти нужный повтор сеанса. FullSession гарантирует, что вы получите только релевантные результаты поиска, и включает в себя сведения о кликах ярости, мертвых кликах, ошибочных кликах или уничтоженных курсорах.

  Статистика FullSession

   

  Новая вкладка показателей FullSession позволяет просматривать все данные в одном месте. Он делит отчеты на три раздела и позволяет просматривать статистику за период до одного года:

  Общее количество мертвых кликов

  • % сеансов на мобильных устройствах
  • Средняя скорость загрузки страницы
  • Всего ошибок консоли

  Анализ вовлеченности пользователей

  • Средняя глубина прокрутки по устройствам
  • Скорость загрузки страницы браузером

  Ключевые показатели эффективности

  • % пользователей, допустивших ошибку
  • % сеансов с загрузкой страниц
  • Top Rage Click Pages

  В FullSession вы можете изучить каждую метрику и точно узнать, что она означает для вашего бизнеса. Вы обеспечите стабильный рост доходов и примете более взвешенные бизнес-решения с помощью аналитических данных, основанных на данных.

  FullSession: видеть все, знать все

  Благодаря данным в режиме реального времени и расширенным параметрам фильтрации FullSession помогает вам развивать свой онлайн-бизнес, обеспечивая полную прозрачность показателей производительности вашего веб-сайта.

  Вы можете протестировать наш инструмент, не предоставляя платежную информацию. 14-дневная пробная версия дает вам практический взгляд на FullSession, чтобы понять, подходит ли он вам. Аннулирование простое, без скрытых комиссий и штрафов. Начните использовать FullSession сегодня.

  Click maps Часто задаваемые вопросы

  Мы надеемся, что эта статья окажется для вас полезной. Кроме того, мы подготовили ответы на часто задаваемые вопросы о картах кликов. Вы можете найти наше резюме ниже.

  Карта кликов и тепловая карта: в чем разница?

  Карта кликов — это тип тепловой карты, которая показывает количество людей, нажимающих на различные области вашего сайта, и помогает вам определить, насколько эффективны определенные элементы страницы или призывы к действию.

  Тепловая карта отображает графический отчет. Это визуальный способ показать, как пользователи взаимодействуют с конкретным веб-сайтом или веб-приложением и какие части сайта/экрана им наиболее интересны.

  Тепловые карты показывают, на чем ваши пользователи сосредоточивают свое внимание (выделенные области) и где вам нужно поработать над улучшением взаимодействия с пользователем (цвета в затемненных областях).

  Что лучше: бесплатная или платная программа для карт кликов?

  Существуют как бесплатные, так и платные инструменты карты кликов, но их функции и возможности, как правило, значительно различаются, и правильный инструмент для вас будет зависеть от ваших конкретных потребностей.

  Бесплатные инструменты могут дать вам представление о том, где ваши посетители нажимают на ваш веб-сайт, а некоторые предлагают разбивку взаимодействия с клиентами. Платные инструменты идут дальше, предлагая расширенные функции, такие как записи сеансов или отзывы клиентов.