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

Все, кто связан с интернет-маркетингом, пользуются инструментами интернет-аналитики.

Основные аналитические системы – это (ЯМ) и (GA). Можно пользоваться только GA, в которой есть возможность загрузки данных из Яндекс.Директ, но вот чего нет в GA, так это Вебвизора, а штука это весьма нужная и занимательная. Но о нем немного позже.

Что такое тепловые карты

«Тепловые карты» — так повелось называть все карты кликов Яндекс.Метрики , но на самом деле в ЯМ есть вкладка «Карты», а в ней: Карта кликов, Карта ссылок, Карта скроллинга и Аналитика форм.

Непосредственно в «Карте кликов» есть несколько режимов отображения карты:

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

Рис. 2. Карты Яндекс.Метрики.

Если при обращении к картам и вебвизору у вас появляется такой экран,

необходимо изменить настройки кода счетчика для Вебвизора здесь:

Рис. 4. Настройки кода счетчика Яндекс.Метрики.

и перезаписать измененный код на все страницы сайта.

Посмотрим тепловую карту кликов в Яндексе за месяц . Кнопка справа вверху позволяет убирать или показывать панель настроек.

Рис. 5. Тепловая карта кликов.

На карте видно, что наибольшее количество кликов на полях формы , что нам и нужно. НО, стрелки показывают, что также люди кликают на активные в визуальном смысле элементы страницы – изображение календаря вверху, флэшки с надписью «до 100 слов» и стилизованную стрелку, указывающую на форму.

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

Отчет по параметру кликов «Регистрация»

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

Рис. 6. Тепловая карта кликов тех, кто заполнил форму.

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

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

Карта ссылок

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

• количество переходов по ссылке;
• доля переходов относительно других ссылок на странице.

Рис. 7. Карта ссылок.

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

Показывает воронку взаимодействия с формой : пришел – увидел – заполнил. Тоже нужная вещь.

Рис. 7. Аналитика форм.

В этом примере высокая конверсия формы – 19,57%.

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

всего одно поле. Было бы неплохо добавить «текст-призрак», показывающий, что именно нужно вводить, так как некоторые люди пытаются ввести имя или номер телефона вместо e-mail или наоборот. Особый интерес вызывают 75 посетителей, которые взаимодействовали с формой, но не отправили данные.

В следующем примере есть текст-призрак, 3 поля, конверсия — 2,81%. Сопоставлять между собой конверсии форм различных сайтов не корректно, так как используются совершенно разные предложения, аудитория, оформление, расположение и т.д. Я привожу эту картинку для примера, как по-разному работают формы.

Пользуясь инструментом «Аналитика форм», вы можете тестировать разные варианты форм, добиваясь высокой конверсии.

Рис. 8. Аналитика форм.

Примечание (относится ко всем картам ЯМ):

• Карта отображается только на тех страницах сайта,

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

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

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

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

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

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

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

Тепловая карта кликов яндекс метрики

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

Отсюда логично будет не делать кликабельными заголовки. Тем более, что заголовок находится в теге

или

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

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

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

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

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

Пример скроллинга в верхней части блога (первый экран) от ярко-красного цвета до ярко-оранжевого:

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

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

Верх веб-страницы красный:

Ближе к низу веб-страницы зеленый цвет:

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

Настройка тепловой карты яндекса

Для того, чтобы собиралась статистика карты кликов, нужно на вкладке «Код счетчика» выбрать галку «Карта кликов». По умолчанию она включена.

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

О том, как добавить карты ссылок, кликов, скроллинга в разные браузеры, можно прочитать в помощи яндекс метрики: help.yandex.ru/metrika/qanda/reports-qanda.xml

Карта путей яндекс метрики

Ее масштаб можно настроить ползунком в сторону минуса или плюса.

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

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

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

Схема работы с отчетом карты путей по сайту.

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

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

Для этих же целей служит технология «Вебвизор» и «Аналитика форм». Как их настраивать и пользоваться рассмотрим в следующий раз.

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

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

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

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

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

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

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

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

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

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

Символ	Описание	Пример
*
~		регулярному выражению

Символы, используемые при отображении статистики

Символ	Описание	Пример
*	Соответствует любому количеству любых символов	Отобразить данные по всем страницам, URL которых начинается с https://example.com/goods/, включая указанную страницу: https://example.com/goods/* . Если ввести в поле адрес без символов, Метрика предложит вам в выпадающей подсказке строку с символом *
~	Условие является регулярным выражением	Отобразить данные по страницам, URL которых удовлетворяет регулярному выражению . Например, ~http://example.com/.*

Рассмотрим пример. Необходимо получить статистику по страницам, входящим в каталог 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).

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

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

Браузер	Максимальная высота/ширина страницы (в пикселах)	Максимальное количество пикселей
Mozilla Firefox	32 767	472 907 776 (22 528 x 20 992)
Chrome	32 767	268 435 456 (16 384 x 16 384)
Internet Explorer	8 192	67 108 864 (8 192 x 8 192)

Часть 3

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

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

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

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

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

Карта ссылок

Карта кликов

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

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

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

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

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

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

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

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

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

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

Карта ссылок

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

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

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

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

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

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

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

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

Карта кликов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тепловые карты для интернет-магазина или веб-сайта - виды и подробная информация

Выделяют 4 вида тепловых карт:

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

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

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

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

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

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

Как карта кликов поможет увеличить прибыль вашего веб-сайта или интернет-магазина?

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

1. Низкие конверсии и причины их возникновения. Благодаря карте кликов Вы можете проанализировать действия пользователей и сделать изменения в наполнении сайта или в его дизайне.
2. Дизайн и “не обнаружены ошибки”. Трудно самостоятельно угадать удобство сайта для клиентов. Только эксперименты и данные тепловой карты дадут вам исчерпывающий ответ.
3. Информативность и качество контента . Благодаря карте скролла (прокрутки), вы можете посмотреть «глубину» просмотра и то, насколько ваши предложения интересны и актуальны для пользователей.
4. Определение удачного места для размещения перелинковки , а также актуальных предложений
5. Определение эффективности использования поп-апов . Многие компании не используют пап-апы только потому, что считают их использование неэффективным, при этом ни разу не протестировав их. Однако с помощью карты кликов вы можете определить эффективность или неэффективность поп-апов.
6. Призыв к действию и места их размещения . Учитывая то, что при наличии «сильного» призыва к действию, вы, разместив его в удобном или видимом месте на сайте, заставляете пользователя на него реагировать.
7. Динамические элементы на сайте и их видимость . Анализируйте, как на динамические элементы реагируют пользователи и вообще, насколько они полезны для пользователей.
8. Последовательность кликов на странице и их анализ . Стоит узнавать эти данные, ведь в этом случае вы будете знать, где и каким образом должна быть размещена ваша информация для лучшего восприятия и последующей покупки.

В данном материале собрана информация о 16 популярных картах кликов. Некоторые из них (те, у которых доступна тестовая регистрация) нам удалось протестировать.

В наш обзор вошли следующие сервисы:

В данный обзор не вошли продукты, для которых карта кликов является лишь дополнительным инструментом (Yandex.Metrika, Vwo, Userreplay и т.д.), а также сервисы, которые давно не обновлялись (Mockingfish, Heat-map.co и т.д.).

Специалисты Lemarbet проводят , в ходе которых, чаще всего, используются 2 основных инструмента:

1. Карта кликов – статистика взаимодействия пользователей с различными областями и элементами сайта;
2. Карта скроллинга – статистика глубины просмотра страницы.

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

1. Plerdy

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

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

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

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

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

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

Также онлайн SEO-сервис Plerdy включает в себя не только тепловую карту кликов, но и следующие инструменты:

Преимущества тепловой карты кликов Plerdy:

• достоверность и точность данных до 99%;
• сразу видны результаты кликов по сайту;
• возможна сегментация пользователей по каналам трафика;
• собираются клики по динамическим объектам;
• есть возможность устанавливать индивидуальные теги для отслеживания кликов;
• возможность просмотра глубины скролла страницы;
• вся статистика представлена в виде таблиц.

Недостатки тепловой карты кликов:

• нет экспорта данных из кабинета;
• хранение данных: от 3-х до 6-ти месяцев

Локализация: русский, украинский и английский языки

Стоимость тепловой карты кликов Plerdy: 3 пакета: 29$ за просмотр страниц: 10 000/день, 59$ – 25 000/день, 99$/мес. – 50 000/день.
Бесплатная версия: есть, но с некоторыми ограничениями: фиксация 2000 просмотров страниц/день, подключение для 3 страниц, хранение данных – 3 месяца, просмотр результатов - только десктопная версия.

Для удобства просмотра результатов, все клики делятся на 2 группы: по активным элементам (кнопкам, полям, баннерам) и в “пустой” зоне (по текстам, между полями).

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

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

Преимущества тепловой карты кликов веб-сайта Hetmap.me:

• клики показываются на странице в точности, где они были сделаны пользователем;
• работает сбор кликов по динамическим объектам;
• есть возможность экспортировать данные в формате таблицы (CSV);

Недостатки тепловой карты кликов веб-сайта Hetmap.me:

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

Хранение данных: от 6 месяцев до 2-х лет

Локализация тепловой карты кликов веб-сайта Hetmap.me: английский язык

Стоимость тепловой карты кликов веб-сайта Hetmap.me: зависит от условий выбранного пакета. До 100 миллионов просмотров страниц – 100$/мес. До 1 млрд просмотров страниц - 200 $ / мес

Бесплатная версия тепловой карты кликов веб-сайта Hetmap.me: есть

10. Mouseflow

SEO-сервис, основанный датским предпринимателем.

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

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

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

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

Особенности Hotjar и Mouseflow очень похожи: Heatmaps, формы, последовательности и повторное воспроизведение сеансов. Также вы можете интегрировать Mouseflow с платформами, такими как Joomla, Shopify, WordPress, Google Analytics, Hubspot и многое другое.

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

Благодаря исследованию мы выяснили, что:

1. Сложные мультитулы подойдут для масштабных проектов (интернет-магазинов, информационных порталов и т.д.), профессиональные карты кликов – для среднего и мелкого бизнеса;
2. Выбирая карту кликов, стоит сравнивать не только преимущества, но и недостатки. Хотя последние, вполне возможно, будут исправлены в ближайшее время (по крайней мере так об этому пишут разработчики), вам прийдется работать с тем, что есть. Поэтому, прежде чем останавливаться на одной из карты кликов, мы все же рекомендуем попробовать поработать хотя бы с теми, которые вам подойдут по цене, языку использования или возможностями дополнительных инструментов. Это поможет принять правильное решение, сравнив несколько инструментов между собой.

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