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

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

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

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

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

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

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

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

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

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

или

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример:

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

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

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

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

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

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

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

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

Пример:

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

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

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

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

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

Карта ссылок

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

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

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

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

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

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

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

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

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

Пример:

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

Вы помните, как последний раз покупали музыкальный альбом? Старые добрые дни виниловых пластинок, кассет и компакт-дисков? Времена, когда 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% статистической достоверности, поскольку скачок конверсии был бы незначительным, а это в свою очередь требует больше трафика для обнаружения изменений.

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

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

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

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