Яндекс тепловая карта: Тепловая карта с камерами видеонаблюдения — Технологии Яндекса

Содержание

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

Раздел «Карты» в Яндекс.Метрике – это еще один набор отчетов, который поможет проанализировать поведение пользователей. Особенность в том, что данные представлены не в виде таблиц и графиков, а на скриншоте страниц вашего сайта.

Подключаются все тепловые карты в разделе «Настройка -> Счетчик» кликом по кнопке «вкл» в блоке «Вебвизор, карта скроллинга, аналитика форм»:

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

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

Отчетов всего четыре и находятся они в разделе «Карты»:

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

Карта ссылок

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

Например, в нашем случае пользователи чаще кликают на ссылки «Metrica» и «Pricing». А вот по ссылке «Resources» не было кликов, поэтому сначала стоит проверить корректность ее работы, и если все в порядке, то возможно стоит убрать из Главного меню непопулярный раздел.

Чтобы настроить дополнительные параметры, раскроем меню, кликнув по стрелочке в правом верхнем углу:

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

Если нужно посмотреть результаты для группы страниц, то используем символ «*». Например, чтобы оценить общую популярность ссылок в боковом меню на страницах каталога указываем адрес: https://mysite.ru/catalog/*. Также для выбора группы ссылок можно использовать регулярные выражения.

Можно выбрать адрес страницы на самой карте. Для этого кликаем по кнопке «Взаимодействие с сайтом» и, кликая по ссылкам, переходим в нужный раздел. Заходим на страницу «Pricing»:

После перехода на нужную страницу кликаем по кнопке «Просмотр карты»:

И только тогда отобразится статистика для выбранной страницы:

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

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

Для чего пригодится карта:

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

Дополнительно: в карте ссылок не учитываются редиректы (внутренние и на другие сайты). Если они очень нужны, то придется настраивать параметр «trackLinks». Также Метрика исключает из ссылок «www», рекламные метки и части ссылок после «#». Другие параметры ссылок учитываются.

Карта кликов

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

Пользователи часто кликают по кнопке в первом экране «Get started», а также пытаются авторизироваться и перейти в раздел «Pricing». А вот если прокрутить страницу ниже, то видно, как пользователи кликают по некликабельному тексту, принимая за ссылки:

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

В меню, помимо основных функций, можно настраивать варианты отображения точек:

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

Тип отображения карты: выбираем способ окрашивания областей клика, доступны варианты:

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

Монохромная карта – плотность цвета соответствует частоте кликов в данной точке.

Клики по ссылкам и кнопкам

 – на карте не отображаются клики по элементам, не являющимся ссылками или кнопками.

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

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

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

Практический смысл

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

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

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

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

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

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

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

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

Как использовать данную карту:

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

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

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

По некой тестовой форме видим, что из 4040 посетителей только 136 взаимодействовали с ней, но при этом не отправили свои данные.

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

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

В демо-аккаунте часть функций отключена, поэтому пример данных по форме записи на прием с сайта клиники:

Конверсия формы:

Поля формы:

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

Инструмент поможет выяснить:

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

Подробнее о том, какими должны быть формы на сайте.

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

Дополнительный совет

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

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

Резюме

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

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

Тепловые карты Яндекс.Метрики. Отчеты по конверсии формы.

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

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

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

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

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

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

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

Рис. 1. Яндекс.Метрика.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Карта ссылок

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

При клике на ссылку отображаются следующие данные:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тепловая карта Яндекс vs Plerdy vs Hotjar – Plerdy

Команда Plerdy посетила множество выставок и конференций. Часть из них в качестве гостей, часть ‒ в роли участников. Мы всегда подбиваем результаты и оцениваем итоги каждого события. В том числе формируем “рейтинг” самых популярных вопросов.

У Plerdy больше продуктов и функций по сравнению с другими тепловыми картами.

Получается список из 10-12 пунктов. Чаще всего спрашивают:

  1. Зачем вообще нужна карта кликов?
  2. Заменяет ли карта кликов Google Analytics?
  3. Можно ли записывать видео с экранов пользоваетелей с помощью карты кликов?
  4. На каком этапе необходимо подключать карту кликов?
  5. Насколько сложно разбирать результаты карты кликов?

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

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

Также часть интернет-маркетологов задают вопрос с уточнением: “Ну, например, чем Plerdy лучше чем Hotjar или Яндекс.Метрика?”. В таких случаях было понятно, что специалист уже знает о сильных и слабых сторонах тепловых карт, поэтому с ним есть смысл общаться, показывая примеры из нашей практики.

Поскольку на конференциях и выставках недостаточно времени, чтобы раскрыть характеристики тепловых карт Plerdy, Яндекс.Метрики и Hotjar, мы подготовили отдельную статью. В ней мы собрали примеры того как работает каждый из перечисленных инструментов в аналогичной ситуации. Все тесты проводились на отдельном ресурсе — demo2.plerdy.com

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

Андрей Чорный, CEO Plerdy. Тема: Юзабилити сайта: поколение Z и что изменилось в восприятии сайта?

Содержание:

  1. Скорость обновления данных
  2. Записи кликов по динамическим элементам
  3. Информация о “пустых” кликах
  4. Запись кликов со смартфонов
  5. Тепловая карта скроллинга
  6. Как показываются клики когда был изменен дизайн
  7. Функция видеозаписи поведения пользователей
  8. Способ показа тепловых карт
  9. Каких решений Plerdy не найти в тепловых картах Яндекс.Метрики?
  10. Каких решений Plerdy не найти в тепловых картах Hotjar?

Вывод

1. Скорость обновления данных

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

Чтобы увидеть в кабинете Яндекс.Метрики отчёт с тепловыми картами, придётся подождать от 3 до 10 минут. За это время происходит запись и обработка данных, после чего пользователь видит такой результат:

На скриншоте видны координаты кликов и условная “температура”, которая говорит о частоте кликов по элементу относительно других кликов на странице.

Приблизительно столько же нужно времени и для попадания данных в кабинет Hotjar:

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

Здесь видим результат с привязкой к элементу (в данном случае ‒ тегу). При наведении на объект, открывается также дополнительная статистика: сколько сделано кликов по данному элементу относительно других компонентов страницы, а также сколько кликов собрано во время уникальных сессий.

2. Записи кликов по динамическим элементам

Многие сайты используют динамические элементы: кроме выпадающих меню, такими являются PopUp формы, интерактивные вставки, возможность увеличения фотографии с помощью наведения на неё курсором и т.д.

Сравним работу Plerdy и Яндекс.Метрики на примере PopUp формы с фильтрами, которая открывается по нажатию на плавающей кнопке:

Нас интересуют клики внутри PopUp формы (какие фильтры выбрают чаще всего?). Для этого переходим на форму и кликаем несколько раз по различным фильтрам.

Открываем отчет тепловых карт Яндекс.Метрики:

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

Теперь открываем аналогичный отчет в Plerdy:

Здесь уже видны клики по фильтрам.

Ещё одним видом динамического контента являются записи, которые появляются после наведения на них курсором:

В кабинете Яндекс.Метрики результат кликов выглядит так:

Смотрим то, как эта информация подается для пользователя Plerdy:

Видим, что речь идёт о 31 клике по тексту, который появляется только после наведения на него курсором.

Обратите внимание, что здесь кликают по тексту, а не картинке. Если текст не появился (например, пользователь просто не навёл курсор на этот элемент), то и кликов также нет:

Мы провели подобный эксперимент в Hotjar. Открыли страницу сайта, на котором находится несколько динамических элементов. Все  они открываются после клика:

Клики по элементам (кнопкам) записаны, а то, что происходило дальше (открытие PopUp формы, выбор фильтров) — нет.

3. Информация о “пустых” кликах

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

Например, в этой части сайта мы сделали несколько кликов, которые точно можно назвать “пустыми”:

Смотрим отчёт в тепловых картах Яндекс.Метрики:

Видим записанные “пустые” клики.

Теперь попробуем открыть тот же отчет, но уже на другом расширении монитора:

Данные о кликах существенно сместились в сторону. Если у UX-специалиста такое же расширение монитора, соответственно он сделает ошибочный вывод о кликабельности элемента.

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

Точки кликов ещё более сместились в сторону.

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

“Пустые” клики также можно встретить и в Hotjar.

Например, в процессе тестирования кабинета в мобильной версии сайта мы обратили внимание на такой клик в стороне:

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

Например, какой вывод можно сделать из такой записи:

Главный принцип Plerdy: быть удобным инструментом для совершенствования сайта.

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

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

Теперь открываем просмотр результатов в Plerdy:

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

В то же время Hotjar их показывает:

При этом засчитывается общее количество кликов на сайте:

4. Запись кликов со смартфонов

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

Сравним отчёты разных сервисов на основе кликов в адаптивной версии сайта. Например, делаем клики по этому элементу:

Открываем отчёт в Яндекс.Метрике и видим, что клики записаны, но неправильно сегментированы: ведь они были сделаны в адаптивной версии сайта, а показываются, будто взаимодействие было с основной версией:

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

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

В целом инструмент Яндекс.Метрики не ориентирован на настройку и анализ сегмента поведения пользователей смартфонов. Открыв режим в браузере для просмотра на мобильных устройствах видим:

Открываем в соседнем окне результат в отчетах Plerdy:

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

В рабочей панели также показано соотношение кликов с различных типов устройств:

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

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

В Plerdy элемент навигации с фильтрами не собирал кликов со смартфонов:

В то же время отчет карт Яндекс.Метрики показывает нам, что клики были:

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

Возьмем другую ситуацию. Для этого сделаем ряд кликов с помощью iPhone и посмотрим каким будет результат.

В Яндекс.Метрике ничего не показывается:

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

Другая ситуация ярко демонстрирует неточности в отчетах Hotjar. Тестирование провели с помощью iPhone.

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

При этом Hotjar делает только первый снимок экрана (с выпадающим меню), на который накладывает клики, сделанные уже на самом сайте.

Здесь пользователю предлагается “разобраться” с кликами:

Хотя стоит закрыть PopUp и станет понятно к чему относятся собранные клики. Вот результат карты Plerdy:

Как видим, PopUp перекрывает содержание сайта. Скорей всего это ошибка самого сайта. При этом Hotjar показывает клики на основе первого скриншота и наложения данных, а Plerdy показывает информацию в онлайн-режиме.

Также, если проскроллить в Hotjar рассматриваемую страницу немного ниже, видим такой результат:

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

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

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

В Plerdy это выглядит следующим образом:

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

В Яндекс.Метрике и Hotjar такого решения нет.

6. Как показываются клики когда был изменен дизайн

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

Рассмотрим ситуацию, которая наглядно покажет как пропадают данные.

В этом эксперименте речь идёт о кнопке, открывающей фильтр:

Попробуем удалить её. После этого, в тепловых картах кликов Plerdy автоматически исчезает и счётчик кликов по нему:

Теперь посмотрим отчет Яндекс.Метрики. Здесь, вместе с данными про удалённый объект, исчезнет и некоторая другая информация.

Фиксируем места, в которых сконцентрованы клики:

Видим результат после удаления основного элемента:

Похожая ошибка есть и в Hotjar.

Чтобы проверить как сработает тепловая карта кликов, выбираем элемент на сайте, который планируем удалить:

Удаляем и смотрим в кабинете Plerdy:

А вот в Hotjar показываются данные без учёта внесенных изменений:

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

В отчёт Hotjar о кликах в адаптивной версии сайта попали данные о кликах, которые были сделаны на основной версии (для компьютеров):

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

Например, здесь сделаны клики в 2-х зонах:

А при просмотре в кабинете Hotjar они показаны так:

7. Функция видеозаписи поведения пользователей

В Яндекс.Метрике эта функция реализована с помощью вебвизора ‒ инструмента, который записывает видео сессии. Интернет-маркетологи и UX-специалисты знают о нем, но на практике пользуются редко.

Почему?

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

Ситуация усложняется тогда, когда мы видим, что одна сессия может длиться минуту и больше. Для просмотра 1000 записей длинной в 1 минуту нужно выделить 16 часов (или 2 рабочих дня)…

8. Способ показа тепловых карт

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

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

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

Подобным образом (наложение слоя с результатами на основную версию сайта) реализована тепловая карта кликов и в Яндекс.Метрике.

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

9. Каких решений Plerdy не найти в тепловых картах Яндекс.Метрики?

1. В Яндекс.Метрике нет сегментации для вывода информации о скроллинге из различных типов устройств:

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

2. В Яндекс.Метрике отсутствует возможность сегментирования трафика по прямым заходам на сайт:

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

10. Каких решений Plerdy не найти в тепловых картах Hotjar?

1. Календаря для отслеживания кликов по выбранным периодам. Например, если специалисту нужен отчёт за определённый отрезок времени, то такой возможности в Hotjar нет.

В кабинете Plerdy для этого существует панель для выбора интересующего периода сбора данных:

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

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

В Plerdy записываются клики на всех страницах автоматически. Для этого достаточно разместить скрипт.

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

В Plerdy есть возможность переходить между страницами, чтобы анализировать сайт в “живом” режиме.

Вывод

Очевидно, что сравнивать Яндекс.Метрику, Hotjar и Plerdy не всегда уместно, ведь Яндекс.Метрика ‒ это система аналитики, а Hotjar сегодня больше уделяет внимание развитию инструмента для отправки обратной связи (Feedback). В то же время Plerdy совершенствует тепловые карты кликов, которые будут одинаково полезны для интернет-маркетолога, UX-специалиста, SEO-специалиста.

Для Яндекс.Метрики тепловая карта кликов является дополнительной фичей среди доступных для анализа вариантов отчетов. Hotjar начинал с карты кликов, но сместил акцент в сторону других полезных инструментов.

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

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

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

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

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

Подпишись на рассылку и получи книгу в подарок!

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

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

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

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

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

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

Карта кликов

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

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

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

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

  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/.*

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

как пользоваться и какие задачи можно решить

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

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

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

Режимы отображения карт

Главный график для анализа – карта кликов. У неё есть несколько режимов отображения:

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

  • Монохромная: частоте кликов соответствует плотность цвета.

  • Карта прозрачности: наиболее кликабельные зоны отображаются ярче, а нетронутые части – размыто.

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

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

За основу берётся одна статистика: разница – в наглядности графика. Вы можете выбрать режим, который вам наиболее понятен.

Какие задачи может решить карта

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

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

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

Как пользоваться картами

Откройте раздел «Карты» в Яндекс.Метрике и перейдите на страницу с нужным инструментом. В верхней части вы можете переключаться между функциями.

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

Здесь вы можете:

  • ограничить период для отображения;
  • выбрать вид карты;
  • добавить дополнительные параметры по просмотрам.

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

Вебвизор

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

Что можно увидеть в Вебвизоре

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

Какие задачи можно решить с помощью Вебвизора

Регулярная работа с вебвизором позволяет:

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

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

Трактовка числовых значений и формирование выводов

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

Например, при просмотре тепловой карты в развёрнутом разделе с опциями есть:

  • число «кликов», которое включает в себя все нажатия в рамках указанного URL;
  • доля «видимых» – процент кликов, попавших в выделенную область на странице.

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

Чем может помочь сервис askusers.ru

Визуальные инструменты Яндекс.Метрики помогают обнаружить общие недочёты. Объективно определить причины проблем самостоятельно не всегда возможно. Взгляд разработчиков и создателей сайта может отличаться от видения целевой аудитории. Именно обратная связь от посетителей помогает найти реальные недостатки и улучшить юзабилити.

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

Закажи юзабилити-тестирование прямо сейчас

Заказать

что это такое, для чего нужна и как с ней работать

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


Карта кликов позволяет:

  1. Быстро оценить юзабилити сайта, так как наглядно показывает кликабельные зоны. Если посетители не переходят по ссылкам, не кликают по разделам меню или пагинации, то в 90% случаев проблема не в пользователях, а в самом сайте.
  2. Проанализировать статистику переходов по страницам и ссылкам.
  3. Показать нажатия на кнопки, ссылки, баннеры, рекламные блоки.
  4. Определить кликабельность элементов страниц.

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

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

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

Какие возможности открывает маркетологу этот инструмент:

  • Показывает зоны низкой конверсии – это участки на странице, которые не попадают в область внимания пользователей. Если в таких зонах располагаются кнопки, ссылки или рекламные блоки, то можете забыть о высокой конверсии. Юзеры просто их проигнорируют.
  • Помогает определить ошибки в дизайне сайта, онлайн-магазина. Например, наличие некликабельных кнопок, ссылок, мешающие элементы оформления и другое. Без карты кликов, зачастую, невозможно увидеть дизайнерские баги.
  • Выявляет проблемы с контентом на сайте. Если статьи, инфографика, видеоматериалы на страницах не привлекают внимание пользователей, не удерживают их интерес и не вовлекают, самое время изменить контент и провести А/В тестирование.
  • Указывает на самые кликабельные места сайта, чтобы использовать их для размещения форм лидогенерации, кнопок заказу услуги, рекламных блоков. Чем чаще пользователи переходят по ссылкам на сайте, тем быстрее ресурс продвигается в поисковом рейтинге.
  • Позволяет анализировать кликабельность всплывающих окон. Если этот элемент не вызывает интерес у пользователей, то его лучше убрать или видоизменить, чтобы не вызывать негативной реакции.
  • Проанализировать эффективность кнопок, СТА и динамических элементов, скриптов. Тепловая карта кликов покажет, насколько удачно выбрано место для размещения оффера и призыва к действию.

Как работает тепловая карта Яндекс.Метрики

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

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

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

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

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

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

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


Как пользоваться картой кликов в Яндексе

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


Как посмотреть карту кликов Яндекса?

На главной панели Метрики выбираем раздел «карты» и сервис предлагает несколько вариантов аналитики. Кликаем на любой.

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


  1. В правом верхнем углу (1) выбирает опцию взаимодействия с сайтом, чтобы открылось окно с настройками.
  2. Выбираем период отображения данных (2).
  3. Задаем сегменты аудитории (3), если создавали их раньше.
  4. Выбираем вид визуализации отчета (4).
  5. Вбиваем адрес сайта, на котором установлен счетчик Метрики с включенными опциями вебвизора и аналитики форм.

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

Как это реализовать на практике? Если вы видите на странице блога область с высокой кликабельностью, например, блок слева от заголовка. Как вариант поставьте там ссылку на тематическую услугу или товар, чтобы пользователь сразу перешел к целевому действию. Обычно возле СТА и офферов устанавливают формы лидогенерации или кнопки заказа консультации, звонка.

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

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

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

Если вы разбили ЦА на сегменты, например, по городам или каналам привлечения трафика, то карты покажут, куда чаще кликает конкретная аудитория.

Резюме

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

Раскрываем карты Яндекс.Метрики

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

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

 

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

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

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

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

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

 

Карта кликов

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

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

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

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

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

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

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

 

Карта ссылок

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

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

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

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

 

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

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

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

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

 

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

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

 

Карты Яндекс Метрики и сайты-презентации

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

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

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

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

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

альтернативный инструмент для веб-анализа

Яндекс

Поисковая система
Яндекс
считается четвертой по величине поисковой системой в мире, с более чем 150 миллионами поисковых запросов в день и более 50,5 миллионов ежедневных посетителей, по данным Comscore. Яндекс также широко представлен в Украине и Казахстане, предоставляя почти треть всех результатов поиска на этих рынках и 43% всех результатов поиска в Беларуси.

Яндекс Метрика

Самая популярная домашняя страница в России имеет бесплатный инструмент для веб-анализа, как и Google, который называется Яндекс Метрика.Пользоваться им очень просто, вам достаточно зарегистрироваться под учетной записью пользователя в Яндексе, а затем создать бухгалтерию для сети. Код, предоставленный страницей, вставляется в HTML-код анализируемого сайта, и, как и в случае с Google Analytics, рекомендуется делать это как можно выше, чтобы измерение было более точным. Сбор данных начнется автоматически. Если сайт на WordPress, можно использовать плагин для использования Яндекс Метрики.

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

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

Яндекс предлагает нам множество вариантов просмотра поведения пользователя на странице:

  • Карта кликов: Карта кликов измеряет и отображает статистику кликов, совершенных на сайте. Это помогает нам оценить общее удобство использования веб-сайта, определить наиболее популярные разделы и посмотреть, есть ли разделы, которые пользователи ошибочно принимают за ссылки. Элементы имеют цветовую кодировку, чтобы указать, как часто они используются.Таким образом, вы можете увидеть общее количество кликов на странице или процент кликов в определенной области. Можно использовать несколько режимов отображения карты:
    1. Тепловая карта — теплые цвета соответствуют наиболее частым щелчкам, а холодные цвета соответствуют областям, на которые вы нажимаете несколько раз.
    2. Монохромная карта — чем плотнее цвет, тем выше частота кликов.
    3. Клики по ссылкам и кнопкам — на карте отображаются только клики по ссылкам и кнопкам. Он не показывает клики по другим элементам.
    4. Карта прозрачности — Карта отображается как сквозь «туманную завесу»: сквозь «туман» наиболее видны элементы, по которым чаще всего нажимают.
    5. Карта элементов — на карте отображаются все элементы на странице.
  • Карта ссылок: Это инструмент, который анализирует статистику переходов по ссылкам сайта, показывая разными цветами ссылки в зависимости от их популярности. Таким образом, вы можете увидеть количество кликов по ссылке или их процент.
  • Карта прокрутки: Карта прокрутки анализирует, как пользователи сайта обращают внимание на определенные области страницы. Эта информация может помочь вам лучше выбрать длину страницы и оптимально отсортировать важную информацию.На карте показано общее время, которое пользователь тратит на просмотр страницы, и среднее время на просмотр определенной части страницы. Кроме того, можно использовать несколько режимов отображения либо с помощью тепловой карты, где изменения времени отображения отображаются цветами, либо с помощью карты прозрачности, где области страницы, на которые пользователь потратил меньше времени просмотра, обозначены более темными.
  • Анализ форм: Этот инструмент предназначен для сайтов, которые активно используют формы, помогая понять, как пользователи сайта взаимодействуют с ними.Анализ формы доступен в двух типах визуализации данных:
    1. Коэффициент конверсии формы , который позволяет просматривать:
      • Количество просмотров страницы, содержащей форму.
      • Количество взаимодействий с формой.
      • Количество отправленных форм.
    2. Поля формы , которые содержат следующую информацию:
      • Время, затраченное на взаимодействие с каждым полем в форме.
      • Пустые поля формы.
      • Поля, которые пользователи не заполняют перед уходом со страницы без ее отправки (то есть поля, при заполнении которых возникают трудности).

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

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

Чувствуешь тепло Гугл? Яндекс Матрица

Неделя 4

В России есть только одна поисковая система, которая превосходит Google, и она называется Яндекс.(A&B, 2018) Как и у Google, у Яндекса есть собственная платформа веб-аналитики под названием Яндекс Метрика. Платформа представляет собой мощный инструмент для измерения веб-трафика и поведения посетителей. (Wilner, 2014) Он бесплатен и доступен в любой точке мира. Он настолько популярен, что входит в тройку лучших платформ веб-аналитики в мире. («О программе», 2018) Чем отличается интерфейс Яндекса от Google Analytics? Я использовал их живую демонстрацию на их веб-сайте, чтобы попробовать.


Вот краткий обзор приборной панели.Думайте об этом как о Google Analytics «Дом».
Он предлагает обзор трафика вашего сайта в режиме реального времени. Информация составлена ​​в виде удобных для пользователя красочных диаграмм и графиков, которые помогут вам визуализировать ваши данные. Панель инструментов интуитивно понятна, и у вас есть варианты, какие показатели вы хотите закрепить на главном экране. Как и в Google Analytics, вы также можете создавать настраиваемые отчеты с вашими данными.

[Снимок экрана с демонстрацией в реальном времени]. (2018), получено 5 февраля 2018 г. с https://metrica.yandex.com/dashboard?group=day&annotations_filter=&period=week&id=44147844

Вот ключевые различия между платформами, когда дело доходит до отчетов. Google Analytics рассчитывает отказ как одностраничный сеанс на вашем веб-сайте. Если человек не выполняет никаких других действий на этой странице, Google определяет продолжительность сеанса как ноль секунд. («Показатель отказов», 2018 г.) Если пользователь пришел на ваш сайт через сообщение в блоге: прочитайте сообщение и уйдите, не нажимая на что-либо еще, это считается отказом.Яндекс Мертрика использует счетчики для определения времени, проведенного пользователями на страницах вашего сайта. (Favre, 2015) Если человек остается на целевой странице более 30 секунд, это посещение не будет считаться отказом. (Вилбар, 2017)
Поскольку Яндекс Метрика использует счетчики, как только один пользователь заходит на ваш сайт, начинается отсчет времени. При отсутствии активности пользователя сеанс завершается через 30 минут. («Глоссарий», 2018 г.) Это называется тайм-аутом сеанса. («Глоссарий», 2018 г.) По умолчанию установлено 30 минут, но вы можете изменить это время, уменьшив или уменьшив его.(«Глоссарий», 2018 г.)
Google Analytics отслеживает время на странице, измеряя разницу между отметками времени взаимодействия. (Leung, 2017) Возвращаясь к примеру с показателем отказов, если человек читает сообщение в блоге в течение 10 минут, но не переходит на другую страницу или ссылку, время не будет зарегистрировано. Средняя продолжительность сеанса считает все отказы равными нулю, что делает среднее время намного ниже в реальности. (Леунг, 2017) В Yandex Metrica есть бесплатные тепловые карты кликов, тепловые карты прокрутки, отслеживание форм и видео повторов сеансов действий, предпринятых во время посещений пользователей.

Нажмите Тепловые карты

Тепловая карта [онлайн-изображение]. (2018) Получено 5 февраля 2018 г. с https://metrica.yandex.com/about/info/behavior#clickheatmaps.

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

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

Отслеживание форм

Отслеживание форм позволяет увидеть, где пользователи отказываются от форм оформления заказа.Выше находится «воронка форм», которая покажет вашу форму поле за полем. Трекер покажет, в каких полях пользователи перестают заполнять данные. («Поведенческая аналитика», 2018)

Яндекс Метрика записывает и сохраняет до 150 000 видео в день действий людей на страницах вашего сайта. («Поведенческая аналитика», 2018 г.) «Щелки, прокрутки, нажатия клавиш и движения мыши записываются в один информативный ролик». («Поведенческая аналитика», 2018 г.) Вы даже можете увидеть, копирует ли кто-то ваш контент, используя короткие клавиши ctrl + c или для пользователей Mac команду c.
Google Analytics не имеет этих функций, встроенных в их платформу. При запуске пользовательского отчета в Google Analytics для анализа отчета будет использоваться выборка данных. (Dame, 2017) Выборка данных — это «метод формирования понимания больших объемов данных с использованием подмножества доступного значения». (Дама, 2017) Подумайте о банке мармеладных бобов. Вместо того, чтобы подсчитывать все бобы в банке, выборка данных будет подсчитывать количество бобов на дне и умножать их на количество бобов на вертикальной линии вверх.При запуске отчета в Google ищите эту строку. Он сообщит вам, основан ли отчет на всех ваших сеансах или использовалась выборка.
Выборка данных [онлайн-изображение]. Google. (2018). Получено 5 февраля 2018 г. с https://support.google.com/analytics/answer/2637192?hl=en.

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

Для бесплатной версии Google Analytics разрешено только 10 миллионов взаимодействий (или посещений) в месяц для каждого ресурса. (Шарма, 2017 г.) Если ваш сайт превышает это значение, будет проведена выборка, чтобы уменьшить объем данных, отправляемых в Google. Яндекс Метрика не имеет ограничений по хранению, и все данные, независимо от их размера, хранятся внутри платформы. Короче говоря, Yandex Matrica очень похожа на Google Analytics и имеет несколько функций, которых пока нет у западного технологического гиганта. Yandex Matrica будет отличным дополнением к Google Analytics на любом веб-сайте.

Мне любопытно, что вы думаете о Яндекс Матрике?



Заинтересованы в других дискуссиях от IMC 642? Проверьте эти блоги —

Источники

Альтернативный аналитический инструмент для международных рекламодателей

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

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

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

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

1. Настройка учетной записи Метрики

Буквально за пару минут. Для того, чтобы начать работать с инструментом, вам необходимо иметь адрес электронной почты Яндекса, который вы можете получить, зарегистрировавшись на почте.yandex.com. Затем вы входите, используя свои данные электронной почты, на metrica.yandex.com.

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


В Метрике можно отслеживать четыре типа конверсий:

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

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

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

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

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

2. Яндекс Метрика сообщает

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

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

I) Отчеты о трафике и источниках

Этот раздел поможет вам понять:

а) Откуда идет трафик – все источники посетителей делятся на следующие категории:

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

Важное примечание! Показатель отказов рассчитывается по-разному в Google Analytics и Яндекс Метрике, и эти цифры будут значительно различаться при сравнении двух инструментов.

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

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

Настройка Яндекс Метрики

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

Спонсор

c) Из какого региона прибывают ваши посетители, а также их пол, возраст и коммерческие интересы

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


г) Источники, которые приводят посетителей на сайт: реклама, поисковые запросы, социальные сети и др.

II) Отчеты о содержании

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

III) Отчеты о поведении

На сегодняшний день лучшая часть Метрики и то, что делает инструмент чрезвычайно интересным и ставит его намного выше других бесплатных инструментов! Вот что позволяет делать этот раздел:

ПОСМОТРЕТЬ ЗАПИСЬ ПОСЕЩЕНИЯ ПОЛЬЗОВАТЕЛЯ В ФОРМАТЕ ВИДЕО

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

WebVisor регистрирует не более 1000 посещений в день для каждого сайта.

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

Есть компании, которые фокусируют все свои бизнес-предложения на предоставлении видеозаписей, подобных тем, которые доступны бесплатно в Метрике!

АНАЛИЗ ПОВЕДЕНИЯ ПОЛЬЗОВАТЕЛЯ ПРИ ЗАПОЛНЕНИИ ВЕБ-ФОРМ

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

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

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

АНАЛИЗ ПУТИ ЩЕЛЧКОВ

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

АНАЛИЗ КАРТЫ ССЫЛОК

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

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

ТЕПЛОВЫЕ КАРТЫ

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

Существует множество режимов отображения карты, например, монохромная, прозрачная карта, а также 3D-карта — для использования этой опции вам понадобятся 3D-очки.

КАРТА ПРОКРУТКА

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

IV. Технология

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

V. Построитель отчетов

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

VI. Мониторинг

Метрика может отслеживать, когда ваш сайт не работает, и предоставляет отчет по этим данным. Если вы подключите свою учетную запись к Яндекс Директ (рекламная учетная запись PPC), Метрика отключит вашу рекламу, чтобы предотвратить ненужные траты, и отправит вам электронное письмо о том, что она это сделала — гениальная простота и экономия денег!

VII. острова

Это последняя разработка от Яндекс. Острова — это интерактивные сниппеты с ответами в результатах поиска Яндекса — и Метрика предоставляет отчеты по этим «островам».Для получения дополнительной информации посмотрите следующее видео:

Ни один человек не остров от Яндекса на Vimeo.

3. Еще несколько причин использовать Яндекс Метрику

Если приведенного выше обзора доступных отчетов было недостаточно, чтобы убедить вас заглянуть в Метрику, вот еще несколько причин, почему вам стоит подумать об этом, особенно если вы размещаете рекламу в Яндекс Директ:

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

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

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

Готовы начать работу с Метрикой? Загрузите наше пошаговое руководство (обновлено в июле 2017 г.) о том, как открыть счет и создать цели .

Следующие две вкладки изменяют содержимое ниже.

Юстина — директор по обучению и развитию Webcertain, сертифицированный эксперт и мастер-тренер Яндекса. Она имеет более чем 5-летний опыт управления международными и многоязычными рекламными кампаниями в различных отраслях, включая B2B, электронную коммерцию и некоммерческий сектор.Она является официальным экспертом и мастер-тренером Яндекса, которая за последние 3 года обучила сотни специалистов по маркетингу всемирно известных брендов, таких как Adidas, booking.com, SAP и Airbnb, тому, как проводить эффективные международные кампании. Она выступала на конференциях по цифровому маркетингу по всему миру и является сертифицированным специалистом по контекстной рекламе Яндекс, Google AdWords и Bing. Юстина родом из Польши и в настоящее время живет в Великобритании.

Google Analytics Альтернативная удобная Яндекс Метрика

Яндекс, аналог Google в России и других странах, предоставляет большинство функций, предоставляемых Google своим локальным пользователям и всем глобальным пользователям по всему миру.Сегодня мы здесь, чтобы представить вам Яндекс Метрику, бесплатную платформу веб-аналитики, предоставляемую Яндексом, эквивалентную Google Analytics, хотя в ней отсутствуют некоторые функции, поскольку аналитика Google более продвинута с большим количеством функций и удобна для пользователя. Google Analytics Альтернатива Удобная для пользователя Яндекс Метрика также предоставляет данные за текущий день. Лучше попробовать самому.

Google Analytics и Яндекс Метрика

Google Analytics предоставляет более 200 предустановленных параметров и показателей для анализа.Поиск по сайту с помощью Google Analytics фиксирует ключевые слова пользователей в окне поиска на веб-сайте и позволяет лучше понять намерения и поведение искателя. Google Analytics дает доступ к настройке до 20 различных типов целей для веб-сайта.

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

Функциональность Яндекс Метрика Google Analytics
Основные данные о производительности веб-сайта
Все посещения, показатель отказов, время на странице, просмотры страницы + +
Демография +
География + +
Мобильные устройства + +
Браузеры, ОС, файлы cookie включены, JavaScript + +
Источники трафика
Поисковые системы, коэффициент конверсии, платные кампании, источники в социальных сетях + +
Поведение
Поток посетителей, метод trackEvent, встроенная аналитика + +
Поиск по сайту +
Дополнительные функции
Фильтрация данных + +
Стандартная/расширенная сегментация данных + +
Отчетность по данным + +
Пользовательские отчеты + +
Вебвизор +
Анализ диапазона данных +
Аналитика заполнения форм +
Уведомления о недоступности сайта +
Отслеживание звонков +

Здесь вы можете просматривать данные в виде таблицы метрической круговой диаграммы или линейного графика

Данные упорядочиваются по группам и подгруппам

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

Карты

Отдельно стоит отметить особенность Яндекс Метрики — тепловые карты. Гугл реализовать не удалось, а Яндекс делает блестяще.

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

Настройка учетной записи

Вы можете попробовать его не как замену Google Analytics, но вы можете получить больше других функций, которые я могу упомянуть или не упомянуть в Яндекс Метрике. Настроить аккаунт в Яндексе несложно. Просто создайте учетную запись почты Яндекса yandex.com. Затем нажмите https://metrica.yandex.com. Нажмите «Добавить счетчик», чтобы получить HTML-код для вставки на свой сайт. У вас может быть сколько угодно сайтов в вашем аккаунте Метрики.

Нет соответствия данных

Почему данные о посещаемости сайта Google Analytics не совпадают с Яндекс Метрикой? оба используют Javascript для сбора данных. И два скрипта не могут взаимодействовать абсолютно одновременно. Также существует задержка между запуском обоих скриптов. Это проблема коллекции. И есть еще другие аспекты. Google Analytics Альтернативная удобная Яндекс Метрика Хороших дней

Это Сагар Девкота, соучредитель Time and Update.Я пишу о заработке в Интернете, ведении блогов, веб-хостинге, регистрации доменов, местных технических новостях и немного о криптографии. Я также пишу о Git, базе данных, Java, Android, Linux (ubuntu). Учусь на степень бакалавра программной инженерии.

Яндекс Метрика — Универсальный плагин веб-аналитики для электронной коммерции и бизнеса

Яндекс Метрика — Инструмент записи сеансов и анализа трафика с бизнес-методами

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

Важные особенности Яндекс Метрики

Привлекает трафик

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

Максимальная производительность 

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

Удобный интерфейс

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

Интуитивная информационная панель

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

Заключение

Вы столкнетесь со многими вариантами, которые легко доступны в Интернете, чтобы проверить шансы вашего веб-сайта появиться в поисковой выдаче. Так что воспользуйтесь услугами любого инструмента, который привлекает ваше внимание.Google Analytics или Adobe Analytics могут быть вашими вариантами, которые поставляются с многоканальной системой сбора и анализа данных.

Hotjar против Google Analytics? Зачем вам нужны ОБА

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

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

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

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

Что такое Google Analytics?

Google Analytics (GA) — это инструмент, предлагаемый Google, который помогает вам собирать, анализировать и составлять отчеты о трафике веб-сайта .

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

Для чего можно использовать Google Analytics

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

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

  • Сравнить коэффициент конверсии трафика из платной рекламы, социальных сетей и трафика поисковых систем

  • Найти целевые страницы с самым высоким коэффициентом отказа

  • Определить, какие страницы имеют самый большой влияние на ваши цели — например, страницы с высокой посещаемостью, на которые клиенты переходят перед конверсией или уходом

  • Определите, какая страна/рынок имеет самый высокий коэффициент конверсии

  • Узнайте, какая целевая страница имеет лучший/худший коэффициент конверсии

  • Определите, какие покупки продуктов приносят наибольшую прибыль, на каком рынке

  • …и множество других вариантов использования .

Что Google Analytics не позволит вам сделать

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

  • Какая потребность или цель привела потенциальных клиентов на ваш сайт в первую очередь

  • Почему людей уходят с ваших страниц

  • Что думают ваши посетители просмотреть каждую страницу

  • Есть ли у пользователей вопросы, которые остались без ответа

  • Какой информации не хватает на ваших страницах

  • Нашли ли посетители то, ради чего они пришли, и ушли ли с радостью или нет?

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

Как тепловые карты и айтрекинг помогают оптимизировать продажи

Содержание

  1. Что такое тепловые карты?
    1. Преимущества
    2. Недостатки
    3. Инструменты для теплового картирования
      1. Бесплатные тепловые карты
      2. Платные тепловые карты
  2. Что такое отслеживание взгляда?
    1. Преимущества
    2. Недостатки
    3. Инструменты для отслеживания взгляда
      1. Бесплатные инструменты
      2. Платные инструменты
  3. Как оптимизировать конверсию с помощью тепловых карт и отслеживания взгляда
    1. Практические примеры
  4. Заключение

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

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

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

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

Также ознакомьтесь: Важность микровзаимодействий в веб-дизайне

Преимущества

  • Тепловые карты — это визуальных инструментов. Это означает, что их легко интерпретировать, и вам не нужно много аналитических знаний, чтобы понять данные, как показано. «Горячие» области являются самыми популярными на странице. Период.
  • Они позволяют анализировать производительность в различных версиях веб-сайта (веб-версия или мобильная версия). Вы также можете создать тепловую карту с помощью плагина WordPress.
  • Быстро внедряются . Нет необходимости настраивать дни или часы: сервисы тепловых карт очень просты, и вы можете начать их использовать вскоре после того, как наймете их.
  • Они требуют небольших вложений и сразу дают хорошие результаты. Вы даже можете создавать тепловые карты бесплатно, как вы увидите через минуту!

Недостатки

Кто бы не хотел иметь план всех офисных радиаторов посреди зимы?

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

Однако имейте в виду, что это инструмент с очень конкретной и, следовательно, ограниченной целью.

Тепловая карта покажет вам, в каких областях веб-страницы (заголовки, тексты, баннеры, CTA, форма…) пользователи останавливаются чаще. Но не скажет почему.

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

 

 

Инструменты для создания тепловых карт

Бесплатные тепловые карты
  • Hotjar: это служба тепловых карт, которая включает в себя бесплатный безлимитный базовый план на всю жизнь. Единственное ограничение — 2000 просмотров страниц в день. Он включает в себя отчеты, но более скромные, и хранит данные вашего анализа в течение одного года.
  • Яндекс Метрика: принадлежит российскому гиганту Яндекс, онлайн-поисковику, который предлагает бесплатные инструменты анализа, такие как тепловые карты.Это также позволяет вам получать карты прокрутки.
  • Dugwood: это бесплатное программное обеспечение с открытым исходным кодом, которое можно загрузить и установить для создания бесплатных тепловых карт с любой HTML-страницы.
Платные тепловые карты
  • Crazy Egg: это один из самых популярных сервисов тепловых карт; для начала по доступной цене от 24 долларов в месяц. Этот базовый план включает до 30 000 просмотров, но вы можете подписаться на уровень Pro до 500 000 просмотров в день. Это эталонное программное обеспечение для таких компаний, как Dell, Etsy и Yahoo.
  • VWO: это еще одно платное программное обеспечение, которое предлагает полный спектр анализа на основе тепловых карт. Его тепловые карты используются такими брендами, как eBay, Target и Ubisoft. А если у вас есть интернет-магазин, они предлагают плагины для интеграции с платформами электронной коммерции, такими как Magento и Shopify.

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

Что такое отслеживание взгляда?

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

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

Преимущества

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

Недостатки

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

 

 

Инструменты для отслеживания взгляда

Бесплатные инструменты

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

Платные инструменты

Если вы хотите инвестировать в сервис отслеживания взгляда, у вас есть два варианта:

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

Для этих двух технологий отслеживания глаз существуют специализированные компании, такие как Tobii, Pupil Labs и Smart Eye.

Внимание к деталям: Как завоевать доверие пользователей онлайн

Как оптимизировать конверсию с помощью тепловых карт и отслеживания взгляда

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

Карта прокрутки

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

 

 

Тепловая карта отслеживания мыши

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

 

 

Конфетти или карта кликов

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

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

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

 

 

Практические примеры

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

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

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

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

Подробнее: Ключи и тренды в веб-дизайне

Анализ покупательского опыта

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

Программное обеспечение для теплового картирования и отслеживания взгляда на веб-сайте соберет необходимую информацию для оценки:

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

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

Вы теряете клиентов? Как улучшить удержание клиентов

Заключение

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

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

Leave a Reply