+7 495 540-43-39
Обратный звонок

Спасибо!
Наши специалисты свяжутся с Вами в ближайшее время

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

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

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

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



Не хотелось бы подробно останавливаться на установке. Считаю, что здесь все просто и достаточно подробно описано в разделе «помощь» от Яндекс Метрики. Ознакомиться с рекомендациями можно по ссылке: http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml

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

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

На мой взгляд, настройка требует дополнительного освещения, т.к. именно к этому этапу относится большая часть вопросов наших клиентов. В справке дано описание (http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml ), но оно, как правило, либо не разрешает проблем, возникающих при настройке, либо просто непонятно пользователю. Что надо сделать, чтобы вебвизор записывал именно то, что видит посетитель, а не то, что находится у смотрящегов браузере по умолчанию?  Как правильно настроить вебвизор, если инструкция непонятна? Давайте разберем на примере.

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



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

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

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

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

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

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

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

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

3. Интерфейс инструмента

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

Интерфейс вебвизора представляет собой таблицу с записями посещений пользователей. Выпадающий список и временная шкала, на которой отображаются все действияпользователя, помогут увидетьего передвижения по сайту. Каждый цвет на временной шкале означает какое-либо действие посетителя. Более подробно с интерфейсом можноознакомиться в справке:
http://help.yandex.ru/metrika/webvisor/replaying.xml



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



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



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



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


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

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

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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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


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

Здесь мы расширили время на сайте и установили промежуток между 5 и 15 секундами пребывания.


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

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

Далее мы анализировали отдельно каждый канал трафика: что делают пользователи на сайте, чем интересуются, какая последовательность шагов в заказе и что мешает им сделать этот заказ. Так, обнаружили достаточное количество пунктов, которые можно улучшить. Для примера мы выбрали запрос из контекстной рекламы. Запрос пользователя звучит как «набор монет красная книга 15 монет 1991-1994 года».


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


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

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

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


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


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

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

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




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

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

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

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


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

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


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


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


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

Больших вам конверсий!

Автор: Бажанов Роман, webit (Веб-аналитик)