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

Тепловая карта – что это?

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

• элементы, которыми пользователи интересуются чаще других
• элементы дизайна, принимаемые пользователями за ссылки

→ Все статьи про Веб аналитику смотрите тут —

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

Карта кликов может отображаться в нескольких режимах:

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

7 фактов об увеличении конверсии с помощью тепловой карты сайта

Ниже приводится семь фактов о важности анализа тепловых карт для увеличения конверсии сайта (выводы сделаны на основании исследований агентства ConversionXL, проведшего более 750 экспериментов в этой области).

1. 80% времени посетители уделяют просмотру первого экрана

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

2. Большая часть внимания приходится на левую часть страницы

Человеческий мозг имеет одну особенность – он привык визуальную информацию воспринимать слева направо. Поэтому большинство посетителей после загрузки страницы в браузере начинают просматривать ее с левой стороны. Рекомендация от экспертов ConversionXL: разместите слева ваши буллеты (список выгод). Вообще, на опубликованный в левой части контент приходится около 69% времени посещения.

3. Пользователи изучают текст страницы сайтов по F -образной траектории

Было замечено, что основная масса людей сканирует текстовые документы схожим образом: соединенные горячие точки их кликов образуют букву «F».

Советы:

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

4. Баннерная слепота уменьшает конверсию

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

5. Важность направления взгляда

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

6. Анонсы статей имеют большую конверсию, чем сами статьи

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

7. Мелкий шрифт тоже читают

Звучит странно, но посетители много времени тратят именно на чтение информации, опубликованной мелким шрифтом. Объяснить это можно тем, что «крупный текст» они исследуют «по диагонали», почти не останавливаясь. А вот в «мелкобуквенный» текст гостям сайта приходится вчитываться. Совет: используйте небольшой шрифт только в коротких фрагментах текста (например, в пояснениях).

Где взять тепловую карту кликов?

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

• Яндекс.Метрика. Интегрируйте код счетчика от Яндекса и получите в придачу много полезных seo-инструментов, включая и тепловую карту. Этот способ реализуется просто и является самым популярным.
• Google Analytics. Тепловой карты в «привычном» виде сервис веб-аналитики от Гугл не предоставляет. Однако его инструменты позволяют узнать соотношение кликов по определенному элементу к общему числу кликов на сайте. Результат тот же – правда, наглядности нет.
• Скрипт Clickheat. Установите данный скрипт в корневую директорию сайта и у вас появится собственный сервис статистики. Отличный способ, но не для вебмастеров-новичков.

Цены платных сервисов тепловых карт

Некоторые платные seo-сервисы на бесплатных тарифах не предоставляют доступ к тепловым картам. Ниже я привожу самые недорогие тарифные планы, функционал которых включает и «хот-мапы» (хотя некоторые «бесплатности» есть и у этих тарифов):

• Clicky – от 14,99 $ в месяц (тариф Pro Plus). Первые три недели все инструменты сервиса можно использовать бесплатно.
• Reinvigorate – от 10 $ в месяц (тариф Starter). Две недели пробного периода (включая доступ к тепловой карте).
• Crazy Egg – от 9 $ в месяц (тариф Basic; оплата производится раз в год). Пробный период – месяц (только для десяти страниц).
• SessionCam – 10 $ в месяц за три сайта. Один сайт – бесплатно.

Вместо заключения

Тепловая карта кликов и ее анализ – это настоящая обратная связь с посетителями. В сочетании с другими seo-инструментами (например, сплит-тестами) она незаменима в деле повышения конверсии.

Хороших вам продаж!

→ Всем аналитикам внимание —

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

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

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

Вы можете использовать несколько режимов отображения карты:

«Тепловая карта» - теплые цвета соответствуют частым кликам, холодные - редким.

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

«Карта прозрачности» - карта кликов отображается как «туманная маска» : наиболее кликабельные элементы более четко проступают сквозь «туман» .

• «Карта элементов» - на карте отображаются все элементы страницы сайта.

Статистика по группе страниц

Для просмотра статистики по группе страниц можно использовать дополнительные символы в поле для ввода URL.

Рассмотрим пример. Необходимо получить статистику по страницам, входящим в каталог https://example.com/goods/. Чтобы данные отобразились на карте, введем в поле адрес https://example.com/goods/* (после ввода этот же адрес отобразится в выпадающей подсказке). Данные загрузятся автоматически.

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

Показ данных в iframe

Если ваш сайт защищен от показа в iframe (то есть в настройках сервера используется заголовок X-Frame-Options), то собранные данные будут недоступны для просмотра. Чтобы просмотреть данные о посещении сайта, необходимо добавить в настройки сервера исключение для домена webvisor.com и его поддоменов, а также для домена вашего сайта с помощью регулярного выражения

^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com|webvisor\\.com)\\/

Если вы используете nginx, добавьте следующие исключения в конфигурацию:

Location / {\n set $frame_options "";\n if ($http_referer !~ "^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com|webvisor\\.com)\\/"){\n set $frame_options "SAMEORIGIN";\n }\n add_header X-Frame-Options $frame_options;\n ...\n }

где yourdomain\\.com - имя домена вашего сайта. Используйте доменную зону вашего сайта (может отличаться от.com).

Ограничение размера страниц

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

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

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

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

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

Начнем разбор по порядку.

Карта ссылок

Что отображает эта карта? По сути это все, что является у Вас на сайте ссылками.

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

По мере того, как часто кликают на ту или иную ссылку они окрашиваются в разные цвета от холодного синего до горячего красного.

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

Карта кликов

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

К тому же только у карты есть несколько вариаций отображения карты.

Наиболее популярно и в основном смотрят именно "тепловую карту". Монохромная - это то же самое, только экран становится чб, а все клики с теми же размерами только красные.

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

Был забавный случай, когда с коллегой маркетологом смотрели карты по официальному сайту города Алматы и самое протертое место на карте прозрачности было лицо Акима города в одной из новостных публикаций (что был на тот момент).

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

Покажу карту кликов опять же на примере моего блога.

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

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

Карта скроллинга

Постепенно мы перешли к карте скролинга и здесь почти бессмыленно делать скриншоты.

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

Лично я считаю данный инструмент малополезным для блогов и им подобных многостраничных сайтов.

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

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

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

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

Про аналитику форм мы поговорим отдельно в другой статье.

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

Тепловая карта Метрики – это инструмент, который иллюстрирует активность посетителей разных страниц сайта.

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

Чтобы параметры попадали в счетчик, необходимо предварительно отметить это галочкой в разделе «Настройки».

Что же такое карты Метрики

Помимо сбора числовой статистической информации в Яндекс Метрике есть набор инструментов для отслеживания поведения посетителей веб-сайта, интенсивности, предпочтений.

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

Карта кликов

Зоны выделены разными оттенками. Цвета зависят от частоты: чем теплее цвет (ближе к красному), тем частота выше.

Как пользоваться тепловой картой?

Для начала нужно настроить параметры для анализа:

1. Как на предыдущем изображении выбрали в подменю «Карта кликов».
2. Нажимаем на значок в правом верхнем углу (1), откроется окно настроек.
3. Здесь можно задать период (2) или дату (3), сегменты аудитории (4).
4. Адрес страницы. (5)

Варианты:

• Тепловая карта. Спектр цветов, как в радуге: от красного (часто кликают) к синему (активность ниже).

• Монохромная карта. Чем насыщеннее цвет, тем чаще кликают в заданном месте.

• Клики по ссылкам и кнопкам. Собирает только переходы по элементам, содержащим гиперссылку. Если посетитель просто ткнул мышью в некликабельную область, клик не засчитают.

• Карта прозрачности. Те элементы, на которые кликают чаще - белее, они четче видны на темном фоне.

• Карта элементов. Отображает все блоки, каждый элемент веб-страницы отдельно.

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

Как трактовать числовое значение:

• «Кликов» - это все клики по указанному URL или по нескольким.
• «Видимых» - процент попавших в выбранную область.

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

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

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

Какие можно сделать выводы:

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

С чем могут быть связаны проблемы:

• в этой тематике удобнее воспользоваться другими способами записи, например, по телефону;
• клиенты не понимают, как пользоваться сервисом и как заполнять.

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

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

Карта скроллинга

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

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

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

Варианты отображения результатов:

• Тепловая карта. Время просмотра определяется цветом по шкале: минимум -синим, максимум - красным.
• Карта прозрачности. Светлые части более посещаемы.

Карта ссылок

Позволяет получить статистику количества переходов по всем ссылкам на интернет-ресурсе.

Дополнительные настройки вверху: URL, сегменты ЦА, интервал дат.
Параметр «Точность» позволяет выставить либо значение, при котором подсчет производится быстро с допуском на погрешность. Либо 100%, тогда обработка отчета и пересчет значений потребует времени.

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

Отчет «Аналитика форм»

Это не совсем карты, хотя также дают представление об активности людей при заполнении полей форм обратной связи.

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

Статистика с форм может быть вспомогательной для разностороннего анализа веб-сайта при помощи тепловых карт Яндекс Метрики.

Технические ограничения и настройки

• Карты можно построить только для тех URL, где установлен счетчик Метрики и сайт поддерживает кодировку UTF-8.
• Для Internet Explorer 8 и ниже сервис карт не доступен.
• Данные в отчетах скроллинга доступны всего за 15 дней.
• Чтобы получать статистику по нескольким страницам, нужно применять следующий синтаксис: с помощью оператора «*» можно настроить сбор параметров со всех web-страниц, адреса которых начинается с указанного значения, например http://хххххххх.ru/catalog/* . Значок «~» учитывает данные веб-страниц, адреса которых удовлетворяют указанным условиям, например, ~http://хххххххх.ru/.*

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

Часть 3

Раскрываем тайны сайта

Продолжаем знакомиться с возможностями, которые предоставляет нам Яндекс Метрика. О «Сводке» и «Отчетах» мы уже поговорили, и сегодня на очереди новый раздел: Яндекс Метрика — Карты.

Яндекс Метрика — Карты

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

Как видите, их не так уж и много — всего 4 варианта:

Карта ссылок

Карта кликов

Карта скроллинга

Аналитика форм

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

Но для начала — общие принципы работы с картами.

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

4 закладки в левой части экрана позволяют переключаться между различными картами, не переключаясь на основной экран Яндекс Метрики.

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

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

Что мы можем сделать с его использованием?

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

Карта ссылок

Вот как выглядит карта ссылок нашего блога:

Чем «теплее» цвет — тем больше кликов по ссылке, которой он отмечен, было совершено. Посмотреть градацию цветов Вы можете в верхнем меню:

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

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

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

То есть мы можем оценить, насколько та или иная ссылка интересна посетителям страницы и поработать над тем, как сделать нужные нам ссылки более кликабельными.

Кстати, обратите внимание на особенность этой карты: у одинаковых ссылок статистика будет общей! То есть, если у Вас на странице есть 2 разные кнопки, к которым прикреплена одна и та же ссылка, то у них будет общая статистика.

А понять, по какой из кнопок кликают чаще, Вам поможет следующий инструмент:

Карта кликов

И сразу же важное замечание. Если карта ссылок отмечала переходы по конкретным ссылкам, то карта кликов показывает на конкретные места на странице, по которым кликали пользователи. Именно на странице!

Поясню на примере. Пока я писал эту статью, у нас в блоге вышла новая статья:

Как видите, посмотреть ее успело всего 2 человека. Зато кликов и по кнопке, и по тексту, и по фото (да и по заголовку тоже, поверьте на слово) уже очень много. Почему? Потому что карта кликов показывает все клики, сделанные по конкретной точке экрана за выбранный период. А какая именно статья находилась в этой точке — карте без разницы.

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

Кстати, про режимы отображения. Тот, что Вы видите на картинке выше, называется «Тепловая карта». Чем чаще кликают — тем «теплее» цвет. Есть и другие варианты:

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

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

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

Карта скроллинга

Изучают ли Вашу страницу целиком? Или редко кто прокручивает ее дальше первого экрана? Поможет разобраться этот инструмент.

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

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

Еще один полезный счетчик расположен в верхней левой части страницы:

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

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

Режимов отображения тут два — тепловая и монохромная карты, обе они уже знакомы Вам по карте кликов. В целом карта скроллинга выглядит вот так:

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

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

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

Аналитика форм

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

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

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

Вы, наверное, обратили внимание, на надпись в левой части страницы: «Форма на странице не найдена». Откуда она взялась? Дело в том, что Метрика учитывает фактическую отправку данных. А отправка происходит не с главной страницы, а из всплывающего окна. Поэтому переключаемся в режим взаимодействия со страницей, открываем поп-ап…

И вот она — та самая форма №1:

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

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

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

А пока что задавайте вопросы, пишите комментарии. Буду рад помочь Вам.