Карты скроллинга для эффективного сплит-тестирования. Всё о Карте кликов, Карте ссылок, Карте скроллинга и Карте путей в Яндекс Метрике

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

или

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подписаться

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

Найти их можно в меню слева:

Давайте рассмотрим, чем же это полезно.

Вебвизор Яндекса

Здесь можно запастись попкорном, и если вам нечего посмотреть холодными зимними/теплыми летними (нужное подчеркнуть) вечерами, то это то, что вам нужно.

Что это такое:

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

Что посмотреть:

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

Пример:

Запаслись попкорном? Например, вы интернет-магазин. У вас настроены все цели, в том числе все этапы покупки. И конечно же, до страницы подтверждения заказа доходят не все. Это нормально, пользователь передумал, отвлекся или уехал на Канары.

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

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

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

Что это такое:

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

Что посмотреть:

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

Пример:

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

Что это такое:

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

Что посмотреть:

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

Карта ссылок

Что это такое:

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

Что посмотреть:

Если зайти в отчет «Карта ссылок» и нажать на какой-либо раздел, то можно увидеть статистику по переходам в этот раздел:

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

Что это такое:

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

Что посмотреть:

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

Пример:

Вернемся к нашим любимым интернет-магазинам, форма отправки заказа в корзине.

Часть 3

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

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

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

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

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

Карта ссылок

Карта кликов

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

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

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

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

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

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

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

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

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

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

Карта ссылок

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

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

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

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

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

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

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

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

Карта кликов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подписаться

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

Что в итоге?

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