Анализ страниц интернет-магазина с помощью Вебвизора

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

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

1. Установка вебвизора

Тут все просто.

Нужно активировать вебвизор в интерфейсе и получить код счетчика. За наличие вебвизора и его работоспособность отвечает элемент webvisor:true.

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

Здесь все просто и подробно описано в разделе «помощь» от Яндекс.Метрики.

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

2. Настройка вебвизора

На мой взгляд, о настройке стоит рассказать подробнее, т.к. именно на этом этапе возникает больше всего вопросов.

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

Настройки вебвизора имеют следующий вид:

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

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

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

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

Например, такие:

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

Разберем, как заполнять поле страниц для сохранения.

Список страниц для сохранении:

Итак, у нас есть интернет-магазин с корзиной.

/cart/ — корзина на сайте

/cart/oformlenie/ — процесс оформления заказа

/cart/done/ — страница thank you page на сайте

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

• /cart/

Яндекс.Метрикиа дает и другие варианты для сохранения страниц:

• /index.html
• page.php?r=3
• regexp:http://site.ru/.*
• regexp:.*

Данное поле понимает регулярные выражения. Это удобный инструмент для динамических страниц вашего сайта, а не ЧПУ. Последний вариант (regexp:.*) означает сохранение всех страниц сайта без исключения.

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

• Загрузка от вашего имени. Данные загружаются с сайта так, как вы бы их увидели. В этом случае, если вы залогинены на сайте либо у вас сохранились какие-либо cookies, метрика покажет это при просмотре. В большинстве случаев такой способ усложняет анализ данных, поэтому советуем использовать второй вариант.
• Загрузка от имени анонимного пользователя. В этом случае запись идет от пользователя, который никогда ранее не был на сайте. Пункт «архивировать содержимое сайта» устанавливается по умолчанию.

3. Интерфейс вебвизора

Вебвизор можно найти во вкладке «Поведение» отчетов Яндекс.Метрики. Там же находится интересный инструмент «Аналитика форм», который тесно связан с вебвизором (о нем мы поговорим позже).

Открываем вебвизор:

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

Интерфейс вебвизора:

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

Настройка условий выборки:

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

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

Однако главное достоинство анализа посещений в вебвизоре — это возможность сегментации пользователей.

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

Настройка сегментации пользователей:

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

Добавление условий сегментации:

4. Анализ сайта при помощи вебвизора: теория и практика

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

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

По времени на сайте

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

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

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

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

К примеру, при данном фильтре мы обнаружили более 10 пунктов, мешающих правильному и быстрому заполнению формы заказа. Одно только их исправление помогло увеличить конверсию на 22%. Поэтому этот сегмент — важнейший для ecommerce. Также можно изучать поведение пользователей в промежутке от 15 до 30 секунд, если на сайте представлено большое количество информации и форм для заполнения.

По источнику посещения

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

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

По целевым визитам

Фильтрация по целевым визитам очень важна. Здесь в поле фильтра выбирается какая-либо цель из KPI вашего сайта.

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

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

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

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

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

Покажем, как это работает, на практике. Для примера мы взяли интернет-магазин альбомов для нумизматов albom-monet-msk.ru. Давайте узнаем «слабые» места сайта, используя для этого Вебвизор.

1. Анализ нецелевого трафика — продолжительность визита до 5 секунд

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

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

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

Следовательно, владельцам магазина стоит обратить внимание на оптимизацию сайта под определенные запросы.

2. Анализ представления информации — продолжительность визита от 5 до 15 секунд

Здесь мы рассмотрели посещения длительностью от 5 до 15 секунд.

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

Также многие пользователи пролистывали карточки товара и после этого уходили. Видимо, они не нашли нужной информации или кнопки «Купить». Здесь мы посоветовали более полно написать о каждом товаре, добавить расшифровку по наборам (какие монеты входят в альбом с монетами) и изменить карточку товара, чтобы повысить её конверсию (был создан отдельный макет). Все эти гипотезы нужно проверить через А/Б тестирование.

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

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

Запрос пользователя сформулирован как «набор монет красная книга 15 монет 1991-1994 года».

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

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

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

4. Анализ по целевым визитам

Для анализа по целевым визитам мы выбрали цель «Посетили Заказать», т.е. посещение корзины сайта.

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

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

Основная рекомендация — поработать над факторами доверия к сайту: переработать страницы «О компании» и «Контакты».

5. Анализ формы заказа на сайте

Анализ форм дает исчерпывающую информацию о том, как пользователи взаимодействуют с формой заказа. По умолчанию на сайте 2 формы — одна для пользователей из Москвы, другая — из регионов. Здесь мы обратили особое внимание на поля, с которых пользователи уходят с сайта. Для формы заказа из регионов выяснилось, что большинство уходят с 1 шага — «Укажите своё ФИО». В форме заказа из Москвы это поле названо просто «Имя». Для регионального заказа это сделано не случайно, т.к. для отправки заказа по почте РФ нужны полные данные по ФИО. Но здесь стоило бы объяснить потенциальным покупателям, почему у них просят указывать полные ФИО.

Форма заказа для клиентов из регионов

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

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

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

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

5. Что делать, если вебвизор не работает?

Проверить, установлен ли код с вебвизором

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

Ошибка загрузки вебвизора:

Проверить параметры сохранения страниц

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

Отключить сторонние плагины в браузере или сменить браузер

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

Открыть возможность показа сайта в iframe

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

Ошибка выглядит так:

Здесь выход один — разрешить показ iframe для сайта.

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