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

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

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

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

Что такое карта скроллинга?

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

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

Как работают эти инструменты?

К наиболее популярным сервисам с картами прокруток относятся Hotjar, Crazy Egg, Decibel Insight и Clicktale, а также Яндекс Метрика. Каждый из них имеет небольшое отличие. Как правило, вы сообщаете инструменту, по какой странице и скольким посетителям вам необходимо собрать данные.

По словам Дэвида Дарманина (David Darmanin), основателя и генерального директора в Hotjar: «Важным фактором здесь является то, сколько трафика привлекает ваша страница. На сайтах с низкой посещаемостью поведенческие паттерны проявляются уже на 2 000 просмотров. Ресурсам с более высоким трафиком может не хватить и 10 000».

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

Из этой карты мы можем почерпнуть несколько вещей:

1. Лишь некоторые пользователи опускаются ниже ряда из 4 изображений, тем самым упуская из виду важные характеристики продукта, указанные под ними.
2. Данные свидетельствуют о том, что эти 4 изображения создают

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

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

Проблематичность такого подхода заключается в нескольких причинах:

1. Вы угадываете. Откуда вы знаете, что информация, которую вы считаете самой важной, будет иметь большое значение для посетителей?
2. Вы выполнили действие, но не подготовили себя к оценке причины и следствия. Ваши изменения действительно оказывают хоть какое-то влияние или являются внешними факторами?
3. Вы загнали себя в угол. У вас есть результат, но вам не хватает ответа на вопрос «почему» — без «почему» двигаться вперед крайне сложно.

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

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

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

Изучаем поведение пользователей

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

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

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

Не губите ваш сплит-тест еще до его начала

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

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

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

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

Не пренебрегайте первым синглом

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

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

Что вы думаете о картах прокруток и подобных аналитических инструментах? Как вы задействуете эти инструменты в ваших усилиях по оптимизации? Какие инструменты вам нравятся больше всего? Поделитесь своим мнением в комментариях!

Экономия бюджета

Увеличение конверсии

Улучшение оффера

Карта скроллинга главной страницы сайта такси

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

Рис. 2 — видим, что тут уже область оранжевая. Значит, часть аудитории уже ушла со страницы. Сделали они заявку или нет — это нам не видно без подключения аудиторий. Тем не менее, область оранжевая, значит, люди смотрят этот экран.

Рис. 3 — мы видим, что данная область более красная, чем на рис.2. Значит, посетители на ней проводят больше времени. Это экран с ценами. На ценах всегда должна быть примерно такая картина. Это означает, что в целом предложение посетителю интересно, если цена удовлетворит, то, возможно, будет совершен заказ. Какой тут можно сделать вывод? Первый и очевидный — переставить экраны 2 и 3 местами, чтобы человек сразу увидел цены. Логично?
А вот и не совсем! Если мы переместим экраны местами, то люди, кому цены не подходят, будут быстрее уходить с сайта, ухудшая показатель процента отказа. Нам это не надо. Если не покупают, то пусть хоть на наши поведенческие факторы поработают!

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

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

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

  1. Убрать или переделать блок с преимуществами
  2. Вместо него придумать что-то ещё интересное
  3. Попробовать переставить местами экраны 2 и 3 и посмотреть на показатель отказов

Сложности в работе с картой скроллинга

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

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

  • Открыть доступ фаерволла к metrika.yandex.ru и mc.yandex.ru
  • Проверить ответ сервера . Если в нем будет строка X-Frame-Options: SAMEORIGIN , это значит, что установлен запрет на отображение страницы во фрейме. Сделано это на стороне сервера из соображений безопасности данных. Если у вас именно такая ситуация, то обратитесь к своим разработчикам и покажите им . Там я достаточно подробно расписал вариант решения.

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

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

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

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

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

Если перед вами стоит вопрос о том, прокручивают ли пользователи страницы на вашем сайте до конца и как часто это делают, то включаем карту скроллинга через Яндекс Метрику или используем букмарклет и обращаем внимание на такие детали, как:
1. Количество просмотров;
2. Среднее время скроллинга;
3. Распределение «Тепла» на странице.

Обратите внимание: на данный момент карта скроллинга не поддерживает кириллические Url’ы.

Карта путей по сайту от Яндекс Метрики

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

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

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

1. Переходим в отчет и выбираем нужный период;
2. Устанавливаем максимальную детализацию и количество путей;
3. Запускаем полноэкранный режим;
4. Анализируем статистику по графам для ключевых страниц.

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

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

Карта кликов доступна только при наличии параметра clickmap: true в установленном на сайте коде счетчика. Вызвать её можно также через букмарклет. Для этого необходимо нажать на панели инструментов в отчете кнопку <Быстрый способ> и перетащить ссылку на панель закладок.

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

1. Тепловая карта кликов – стандартный вариант отображения распределения кликов;
2. Клик по ссылкам, кнопкам и полю – позволяет моментально выявить «псевдоклибальные» элементы на сайте, которые ставят посетителей в тупик;
3. Карта прозрачности – позволяет узнать распределение кликов по страницам сайта изнутри;
4. Карта элементов – позволяет выявить элементы на сайте, оставшиеся без внимания пользователей.

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

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

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

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

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

Улучшить юзабилити сайта и досконально проанализировать поведение пользователей помогут «Карты» Яндекс.Метрики. Этот инструмент формирует четыре вида отчётов : статистику по кликам, скроллингу страниц, переходам по ссылкам и взаимодействию посетителей с формами. Для получения расширенной статистики необходимо указать в счётчике Яндекс.Метрики параметр « , карта скроллинга, аналитика форм». Сервис начнёт собирать данные в течение получаса после установки счётчика.

Карты скроллинга (тепловые карты)

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

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

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

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

Обратите внимание! Статистика карт скроллинга хранится в течение 15 дней. Если на странице не установлен счётчик Яндекс.Метрики с заданными атрибутами, статистика собираться не будет.

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

Карты ссылок

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

Чтобы посмотреть карту ссылок, следует в меню счётчика кликнуть по пунктам «Карты» - «Карта ссылок».

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

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

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

Обратите внимание! Инструмент собирает данные со страниц, на которых . В отчёте не учитываются редиректы - как внутренние, так и ведущие на другие сайты. Для сбора таких сведений необходимо прописать в коде счётчика параметр trackLinks. «Карта ссылок» при формировании отчёта исключает элементы «www», части ссылок после #, поэтому результаты могут отличаться.

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

Увеличение конверсии с помощью «Карт» Яндекс.Метрики

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

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

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

Подписаться

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

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

Что это такое?

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

Как работает карта кликов «Яндекса»?

В «Метрике» есть четыре варианта визуализации отчетов:

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

Что умеет карта кликов «Яндекса»?

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

  1. Настройка параметров просмотра. Можно учитывать только те, в которых посетитель заходил определенный URL, кликал по какому-либо заголовку и так далее.
  2. Настройка параметров визита. Здесь можно отфильтровать пользователей по географии, типу устройства, поведению, источнику перехода и истории посещений.
  3. Дополнительная настройка профиля пользователя. Можно отфильтровать по полу, возрасту, географии и другим параметрам.
  4. Выбор периода. Здесь все просто: от одного дня до года.
  5. Сравнение двух сегментов. Если хотите сравнить поведение пользователей в этом и предыдущем месяце или двух разных сегментов аудитории, выбирайте этот пункт.

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

Как применять тепловую карту кликов в «Яндекс.Метрике»?

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

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

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

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

Резюмируем

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

Что делать, если карта кликов в «Метрике» не работает?

Такое бывает, если сайт защищен от показа в iframe или вы используете nginx. Подробную инструкцию, как действовать в этом случае дал сам «Яндекс», но на всякий случай повторим.

Если у вас стоит iframe, нужно добавить в исключения домен «Вебвизора» (webvisor.com), его поддомены и ваш собственный домен. Сделать это можно через регулярное выражение:

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

В случае с nginx, дополнительный код с исключениями выглядит вот так:

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

А есть другие инструменты?

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

  • ClickHeat:
  • Mouseflow:
  • CrazyEgg:
  • OpenWebAnalytics.

Первые три – платные сервисы, а OWA можно скачать просто так.

Что в итоге?

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