Как вебвизор помогает повысить конверсию

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

Установка

Здесь все просто. При настройке Метрики вы ставите соответствующую отметку:

Вебвизор — включение вебвизора при подключении Яндекс.Метрики

Когда счетчик уже работает, можно в любой момент отредактировать настройки:

Вебвизор — включение вебвизора при редактировании счетчика метрики

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

Отображение вебвизора в коде метрики

Настройка

Прежняя версия настроек вебвизора выглядела так:

Вебвизор — предыдущие настройки

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

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

Сейчас некоторым пользователям доступна бета-версия 2.0, которая корректно записывает взаимодействия посетителей в точности с тем контентом, который они видели. А именно:

  • Элементы динамически обновляемого контента. Например, страница с индивидуальными рекомендациями в интернет-магазине;
  • Онлайн-консультанты, подборки похожих товаров, «интересное по теме», рекламные блоки и прочий сторонний контент;
  • С учетом версии сайта (мобильная или десктопная) и поворота экрана.
 
При этом не нужно настраивать под особенности ресурса. Вы просто обновляете код счётчика. Для этого:
 
  • Активируйте Вебвизор 2.0 в настройках;
  • Скопируйте обновленный код счетчика из настроек;
  • Замените им тот код, который стоит на сайте.
 
Дополнительные преимущества, которые обещает Яндекс:
 
  • Ролики новой версии проигрываются с оптимальным качеством записи;
  • Записи из старой версии (за последние 2 недели) не теряются;
  • Инструмент открывается не в новом окне, поэтому не нужно возиться с бесконечным числом открытых браузеров.
 
Так ли всё это на самом деле, можно убедиться лишь после тестирования Вебвизора 2.0.
 
В скором времени переключатель на новую версию появится во всех счетчиках — следите за обновлениями.
 
Также настройте запись полей с помощью CSS-классов:
 
Вебвизор — настройка записи полей
 
Для полей ввода данных используйте эти классы:
 
Вебвизор — CSS-классы полей для ввода данных
 
Разрешить или запретить запись других элементов сайта помогут такие CSS-классы:
 
Вебвизор — CSS-классы других элементов сайта

Анализ данных

Версия 2.0 дает гораздо больше возможностей для сегментирования трафика.

Во-первых, по параметрам визитов:

Вебвизор — сегментация по визитам

Рекомендуем использовать следующие признаки:
 
  • Источники / Последний значимый источник — для модели атрибуций по последнему значимому источнику;
  • Поведение / Достижение цели — выделите отдельно визиты, которые завершились целевым действием;
  • Поведение / Время на сайте;
  • Поведение / Отказы — рассмотрите отдельно пользователей, которые проводят на сайте менее 15 секунд и покидают его без совершения целевого действия;
  • Технологии / Устройство — с мобайла или с дескотпа заходит большинство посетителей.
 
Также можно использовать характеристики посетителей:
 

Вебвизор — сегментация по посетителям

 
Рекомендуем использовать следующие признаки:
 
  • Характеристики / Пол — проверьте, отличается ли поведение мужчин и женщин на сайте;
  • Источники / Первый источник трафика — можно отследить, откуда пришел посетитель, вплоть до поисковой фразы.
 
Для удобства можно использовать готовые фильтры по записям:
 

Вебвизор — фильтры по записям

Сам отчет выглядит следующим образом:

Вебвизор — пример отчета

 

В левой группе параметров — источник трафика (прямой заход, переход из поисковика или по ссылке с другого ресурса); страна, операционная система и браузер посетителя.

В столбце «Запрос» — фразы, по которым пользователь перешел на сайт из выдачи Яндекс или Google.

В правой группе параметров вы можете добавить конкретный сеанс в избранное (флажок) и посмотреть всю информацию по посещению:

Вебвизор — добавление в избранное

 
Можно выгрузить отчет в PDF:
 
Вебвизор — выгрузка отчета в pdf

Важный момент: особое внимание уделите «Аналитике форм».

Вебвизор — ссылка на аналитику форм

В этом разделе Метрики отображается воронка конверсии на пути пользователей к цели (заказ или заявка). Рядом со статистикой — ссылка на воспроизведение записей из вебвизора:

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

 

Поведение пользователей на этом этапе позволяет понять, в чем причина низкой конверсии. Для интернет-магазина, как в нашем примере, это слишком сложная процедура оформления заказа.

Данные по форме собираются корректно, если:
 
  • На сайте используется кодировка UTF-8;
  • Для передачи содержимого формы используется событие submit;
  • Поля формы не скрыты (с помощью значения display: none атрибута style).

Сигналы тревоги:

  • Быстрая прокрутка страницы (отсутствие концентрации на контенте означает отсутствие мотивации к целевому действию);
  • Ошибки в полях формы (рекомендуем включить валидацию полей);
  • Хаотичное перемещение курсора (говорит о высоком уровне стресса).

Как оптимизировать конверсию 

В большинстве случаев поведение пользователей, будь то интернет-магазин, лендинг или корпоративный сайт, зависит от следующих факторов:
Удобство навигации. Смотрите, насколько уверенно перемещаются клиенты по категориям каталога, ориентируются в форме регистрации, как часто используют поиск.
 
– Контент. Если посетители читают описания товара и способы доставки, изучают отзывы, то это хороший знак. Слишком беглое внимание к информации говорит о слабом интересе к вашему предложению. Очевидно, стоит подумать над его усилением: разработать УТП, вывести на первый план выгоды покупателя.
 
– Форма заказа. Если она слишком запутанная, с большим количеством полей, то все ваши усилия, самый сильный оффер пропадут даром. Совет один: упрощайте лид-форму и будут вам заказы) Да, а целевое действие сделайте как можно менее обременительным. В особенности на лендинге (здесь даже изменение формулировки на кнопке CTA может снизить уровень стресса и повысить конверсию).

Конфиденциальные поля

Яндекс заботится о сохранности данных посетителей сайта. Поэтому теперь вы не увидите имя, фамилию, телефон, электронный адрес и платежную информацию пользователя до тех пор, пока он не нажмет кнопку, чтобы отправить заказ, к примеру. Вместо этих полей Вебвизор показывает «звездочки», даже если переключатель «Записывать все поля» активен.
 
Это действует в обеих версиях инструмента, но не распространяется на старые записи.
 
Если некоторые поля на сайте ошибочно распознаются как конфиденциальные, отметьте их css-классом ym-record-keys. Не злоупотребляйте этим: получение конфиденциальных данных посетителей, которые не давали согласия на их передачу (не нажали на кнопку подтверждения) — нарушение закона.

Заключение

С помощью вебвизора можно не только выявлять причины низкой конверсии. Также он подойдет при A/B тестировании новых элементов — смотреть реакцию пользователей.

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