Demo
Запишитесь на демо Demo Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.

Какие тепловые карты есть в Яндекс Метрике и как их использовать

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

Тепловая карта сайта в Яндекс Метрике и ее виды

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

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

Тепловые карты в Яндекс Метрике-1

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

Карта ссылок решает две задачи: 

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

Что такое карта кликов Яндекс Метрики

Тепловые карты в Яндекс Метрике-2

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

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

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

Карта скроллинга в Яндекс Метрике

Тепловые карты в Яндекс Метрике-3

Отображает, до какой точки страницы листают пользователи. Отслеживание скролла в Яндекс Метрике позволяет определить, насколько пользователи заинтересованы в контенте и насколько он релевантен для них. 

Например, большинство пользователей не доходит даже до середины главной страницы сайта. Это может сигнализировать, что контент, дизайн, УТП или что-то другое не вызывает интереса и требует оптимизации. В таком случае вы можете пересмотреть формат подачи, структуру материалов, провести А/Б-тестирование других вариантов или привлечь внимание пользователей дополнительными элементами. Это поможет улучшить их взаимодействие с сайтом. 

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

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

Тепловые карты в Яндекс Метрике-4

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

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

Тепловые карты в Яндекс Метрике-5

Аналитика форм позволяет понять: 

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

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

Зачем нужны тепловые карты Яндекс Метрики

  • Визуализировать пользовательскую активность

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

  • Определить популярные зоны и элементы страницы

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

  • Оценка эффективности рекламных баннеров и ссылок

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

  • Повышение конверсии и улучшение пользовательского опыта

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

  • Принятие обоснованных решений

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

Как включить тепловую карту Метрики

  1. Авторизуйтесь на Яндексе и в своем аккаунте Метрики откройте список счетчиков. Выберите тот, для которого вы хотите включить тепловые карты, и нажмите на значок шестеренки.
Тепловые карты в Яндекс Метрике-6
  1. Вы попадете на страницу настроек своего счетчика. Здесь во вкладке «Счетчик» включите опцию «Вебвизор, карта скроллинга, аналитика форм». Сохраните изменения. 
Тепловые карты в Яндекс Метрике-7

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

Тепловые карты в Яндекс Метрике-8

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

Где смотреть тепловую карту кликов, ссылок и скроллинга и какие параметры можно задать

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

  1. В своем кабинете Яндекс Метрики откройте раздел «Поведение». Здесь в отдельных пунктах находятся все виды тепловых карт — для ссылок, кликов и скроллинга, а также аналитика форм.
Тепловые карты в Яндекс Метрике-9
  1. Откроется окно просмотра тепловых карт для вашего сайта. Здесь есть вкладки для переключения между тремя видами карт и аналитикой форм. 

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

Тепловые карты в Яндекс Метрике-10

Чтобы вернуться в режим просмотра карт, нажмите на той же кнопке «Просмотр карты». 

Тепловые карты в Яндекс Метрике-11
  1. Нажмите на стрелочку в верхнем меню справа, чтобы настроить карту. 
Тепловые карты в Яндекс Метрике-12

Карта ссылок

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

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

Тепловые карты в Яндекс Метрике-13

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

Тепловые карты в Яндекс Метрике-14

Выбранный сегмент можно будет сравнить с другим сегментом: 

  • аналогичным за предыдущий период;
  • заданным вручную;
  • одним из готовых;
  • сохраненным.
Тепловые карты в Яндекс Метрике-15

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

Тепловые карты в Яндекс Метрике-16

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

Тепловые карты в Яндекс Метрике-17

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

Теперь разберем, какие еще настройки доступны при просмотре других типов карт и аналитики форм. 

Карта кликов

В пункте «Опции» вы можете поменять размер отображаемых точек и их прозрачность.

Тепловые карты в Яндекс Метрике-18

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

Тепловые карты в Яндекс Метрике-19

Также вы можете выбрать вариант отображения данных: 

  • стандартная тепловая карта — теплые цвета соответствуют большей активности пользователей, холодные — меньшей;
Тепловые карты в Яндекс Метрике-20
  • монохромная карта — показывает всё одним цветом, и чем он ярче, тем больше внимания эта точка получила от посетителей;
Тепловые карты в Яндекс Метрике-21
  • клики по ссылкам и кнопкам — данные по кликабельным и некликабельным зонам разнесены по теплым и холодным цветам;
Тепловые карты в Яндекс Метрике-22
  • карта прозрачности — самые популярные области на странице подсвечиваются яркими белыми точками, менее популярные — тусклыми точками;
Тепловые карты в Яндекс Метрике-23
  • карта элементов — тепловая карта строится не для конкретных зон, а для отдельных элементов сайта. 
Тепловые карты в Яндекс Метрике-24

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

Если вы хотите рассмотреть карту кликов сразу для группы страниц, используйте в строке URL символы «*» и «~». Подробнее об этом рассказано в справке.

Тепловые карты в Яндекс Метрике-25

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

Для карты скроллинга доступны стандартные параметры дат и сегментов, как и в других картах. 

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

Тепловые карты в Яндекс Метрике-26

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

Тепловые карты в Яндекс Метрике-27

На карте скроллинга вы можете навести курсор на любую область страницы и увидеть;

  • сколько было просмотров этой точки за выбранный период;
  • на сколько времени в среднем посетители задерживались в этой зоне страницы.
Тепловые карты в Яндекс Метрике-28

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

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

Тепловые карты в Яндекс Метрике-29

Когда включена автоматическая выборка, Метрика обрабатывает данные не по всем визитам. Берется определенная выборка данных, например, по 1/10 всех визитов. На основе этой информации Метрика судит о поведении посетителей. 

Пример

На вашем сайте было 200 посетителей. Метрика рассматривает выборку — 10% из них. Допустим, из этих 20 отобранных посетителей только 5 начали заполнять форму. Метрика умножает результат на 10, чтобы получить данные для 100% посетителей. 

5 × 10 = 50

Результат — вы видите в отчетах, что 50 посетителей из 200 начали заполнять форму. Но при этом Метрика не обрабатывала данные по всем пользователям, чтобы быстрее строить отчеты. 

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

Тепловые карты в Яндекс Метрике-30

Вы можете передвинуть ползунок на большее количество обработанных данных — вплоть до 100%. Построение такого отчета займет у Метрики больше времени. Но если вы сомневаетесь, показательную ли выборку вы получили, стоит проверить аналитику форм для 100% посетителей. 

Тепловые карты в Яндекс Метрике-31

Почему не работает карта кликов, скролла, ссылок или аналитика форм

Технические требования Метрики, которые нужно соблюдать для работы с тепловыми картами;

  • кодировка сайта UTF-8;
  • версии 8.0 и ниже браузера Internet Explorer не поддерживаются;
  • в браузере Safari нужно отключить перекрестное отслеживание, иначе данные будут собираться некорректно;
  • при построении карты поддерживаются все параметры URL, кроме UTM-разметки и www;
  • карты должны быть включены в настройках счетчика вместе с Вебвизором. 

Рассмотрим основные причины, по которым могут не работать тепловые карты или аналитика форм, а также способы решения этих проблем.

  1. Недостаточное количество данных

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

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

  1. Проблемы с установкой кода Метрики

Если код Метрики установлен на сайт неправильно или вовсе отсутствует, данные для составления тепловых карт не будут собираться.

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

  1. Проблемы с совместимостью браузеров

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

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

  1. Ошибки в разметке страницы

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

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

  1. Технические проблемы на стороне Метрики

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

В таком случае обратитесь в техническую поддержку Метрики для выявления и исправления проблем.

  1. Особенности работы карт и аналитики форм

В соответствии со справкой Метрики, в картах ссылок не учитываются URL, которые имеют редирект. Также если вы не смотрели карту ссылок дольше 6 месяцев, Метрика деактивирует ее. Нужно будет снова включить карту ссылок в настройках счетчика. 

Карта кликов может некорректно работать с динамическими элементами, например, всплывающими окнами. 

Аналитика форм работает только для тех форм, сведения из которых отправляются с помощью события «submit», а поля не скрыты в атрибуте «style» значением «display: none». Если на вашем сайте информация из форм отправляется с помощью других событий, то Метрика не сможет отслеживать их заполнение. 

Статистика кликов и ссылок хранится только за последний год, а статистика скроллинга и форм — за 15 дней.

Частые вопросы

Какие типы тепловых карт доступны в Яндекс Метрике?
В Метрике доступны три основных типа тепловых карт: карта ссылок, карта кликов и карта скроллинга. Также есть аналитика форм. Каждый из инструментов предоставляет уникальную информацию о поведении пользователей на сайте: о переходах по линкам, о кликабельности областей страниц, о пролистывании и о заполнении форм соответственно.
Для чего нужны тепловые карты в Яндекс Метрике?
Тепловые карты помогают визуализировать активность пользователей на интернет-сайтах, анализировать эффективность размещения элементов страницы, оптимизировать дизайн и структуру сайта для улучшения юзабилити. В результате бизнес получит больше конверсий и прибыли.
Какие действия можно предпринять на основе данных тепловых карт?
Оптимизировать размещение элементов на странице, проанализировать эффективность контекстных и таргетированных рекламных кампаний и ссылок. Анализ таких отчетов маркетинга поможет улучшить пользовательский опыт, повышать конверсию и принимать обоснованные решения по развитию сайта.
Оцените статью:
Средняя оценка: 5.0 Количество оценок: 2
Запишитесь на демо Самый быстрый и простой способ познакомиться:
  • Выясним, какая аналитика требуется для вашего проекта в зависимости от предстоящих задач.
  • Подберем оптимальный вариант: начиная от сквозной аналитики на базе Яндекс Метрики или Google Analytics 4 до продвинутой маркетинговой аналитики с моделями атрибуции и когортами.
  • Поможем считать CPL, CAC, AOV, LTV, ROAS, ДРР и ROMI.
  • Расскажем, как оптимизировать рекламу на целевых пользователей, используя информацию о сделках.
  • Отправим доступы к демо-кабинету с примерами отчетов.

Кейсы

Познакомьтесь с историями успеха наших клиентов, которые уже используют решения ROMI center.
HoReCa case-1
Sushi Good Как увеличить выручку в 3 раза за счет внедрения сквозной аналитики

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

Подробнее
Финансы case-2
Форс Сегментация лидов, их аналитика и оптимизация рекламы: 3 шага к экономии бюджета

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

Подробнее
Маркетинг case-3
Convert Monster Экономия рекламного бюджета и времени на аналитике: кейс обучающего центра

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

Подробнее
Маркетинг case-1
КликКлик Экономия времени на аналитике рекламы клиентов: кейс интернет-агентства «КликКлик»

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

Подробнее
Образование case-5
DIVA Отказ от подрядчиков и полная оцифровка трафика: итоги 9 месяцев работы с ROMI center

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

Подробнее
Продажи case
Rusbarrier Сквозная аналитика: как убрать нецелевые звонки и начать зарабатывать на 300% больше

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

Подробнее
Посмотреть все кейсы