Блог · Веб-аналитика

Вебвизор Метрики: как включить и что смотреть

Евгений Вязников - интернет-маркетолог Евгений Вязников · · #Веб-аналитика
Вебвизор Яндекс.Метрики: как смотреть сайт глазами клиента

С 2017 копаюсь в цифрах рекламы: Директ, таргет, Метрика. 350+ проектов от EdTech до локальных услуг. Вебвизор для меня : инструмент, когда в Директе «клики есть, заявок мало».

Сначала установите счётчик : инструкция по установке счётчика Метрики.

Коротко: Вебвизор в Яндекс Метрике записывает, как посетитель двигается по сайту: клики, скролл, заполнение форм, поведение с телефона. Включаете в Настройки : Счётчик опцию «Вебвизор, карта скроллинга, аналитика форм», на вкладке Вебвизор ставите Вкл, сохраняете и обновляете код на всех страницах. Смотрите не «всё подряд», а сессии с целями, отказами и мобилкой: где сайт неудобен пользователю, где люди бросают форму, где кнопка перекрыта клавиатурой. Записи хранятся 15 дней : успевайте разбирать.

1. Зачем Вебвизор, если уже есть отчёты

Отчёты Метрики отвечают на вопрос «сколько». Вебвизор на вопрос «почему».

Отказ 60% на посадочной из Директа сам по себе ничего не объясняет: оффер не совпал с объявлением, форма уехала за экран на iPhone, кнопку перекрыл чат. Без записи спорите с дизайнером; с записью : 40 секунд видео и спор закрыт.

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

2. Как включить Вебвизор: пошагово

Шаги включения Вебвизора

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

  1. Зайдите в Яндекс Метрику, откройте нужный счётчик.
  2. Перейдите в Настройки : Счётчик.
  3. Включите опцию Вебвизор, карта скроллинга, аналитика форм.
  4. Откройте вкладку Вебвизор и переведите переключатель Вебвизор в положение Вкл.
  5. Сохраните изменения.
  6. Установите обновлённый код счётчика на все страницы сайта (или обновите через GTM / плагин CMS , главное, чтобы уехал новый init).

В коде инициализации должен быть параметр webvisor: true - так это описано в справке по инициализации:

ym(XXXXXXXX, "init", {
  clickmap: true,
  webvisor: true
});

Та же опция на вкладке «Счётчик» подключает карту кликов, карту скроллинга, карту ссылок и аналитику форм (настройка счётчика). То есть одним включением вы поднимаете весь блок «поведение», не только плеер.

Важно из справки. Вебвизор может отключиться, если вы не просматривали записи 6 месяцев. Чтобы снова писать визиты, включите опцию заново (см. справку по настройке).

Если на сайте несколько счётчиков Метрики: включайте Вебвизор только на одном. Если включить на всех, данные пишутся некорректно на всех счётчиках (см. требования и ограничения).

Проверка, что запись пошла

  • Сделайте тестовый визит с телефона и с компьютера (лучше без AdBlock).
  • Подождите обработки : не ждите «мгновенного» появления каждой сессии.
  • В отчёте Вебвизор отфильтруйте по времени «сегодня» и найдите свой визит.
  • Если записей заметно меньше, чем визитов в других отчётах : это нормально: пишется выборка, короткие визиты и блокировки могут не попасть (см. FAQ Метрики).
Дальше: в канале

Что запускаю, что получается, что сливаю

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

Телеграм-канал Евгения Вязникова

Телеграм

Черновики кампаний и цифры в тот же день.

Подписаться в Телеграм
Канал Евгения Вязникова в МАКС

МАКС

Всё то же самое, если удобнее в МАКС.

Подписаться в МАКС

3. Что смотреть в первую очередь

Что смотреть в Вебвизоре

Не садитесь «смотреть всё подряд». За вечер утонете. Я смотрю три приоритета: UX на посадочных из рекламы, формы заявки, мобильный трафик. Остальное : точечно.

3.1. Ошибки UX на посадочной

Отфильтруйте визиты с страницы входа = ваш лендинг из Директа (в списке записей можно фильтровать по столбцу «Страница входа», см. просмотр записей).

Ищите паттерны:

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

На Директе это часто означает: объявление пообещало одно, первый экран показывает другое. Чините не ставку, а consistency «объявление : H1 : кнопка».

3.2. Формы: где бросают заявку

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

В аналитике форм смотрите:

  • конверсию формы - просмотры страницы с формой / взаимодействия / отправки;
  • поля : время на поле, незаполненные поля, поля, с которых уходят, не отправив.

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

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

3.3. Мобильный трафик

Если из Директа больше половины визитов с телефонов (в моих проектах в услугах и EdTech обычно так), отдельный сегмент: смартфоны.

По описанию Вебвизора в справке:

  • на записи видны контуры устройства (Android и iOS отличаются);
  • при вводе текста показывается экранная клавиатура , видно, что осталось в зоне видимости, а что перекрыто;
  • фиксируется поворот экрана и переключение десктоп/мобайл без перезагрузки.

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

3.4. Цели и «почти конверсии»

В плеере есть метки к достижению цели, клавиатуре, переходу по ссылке (см. описание Вебвизора). Смотрю визиты с целью и без цели, но с высокой активностью. Связка с Директом: «Яндекс Директ» + «цель Заявка не достигнута» + «смартфон» , десять таких записей часто дают больше гипотез, чем час в «Мастере отчётов».

4. Таблица: симптом : куда смотреть

Симптом в цифрах Куда смотреть в Вебвизоре и рядом Что обычно чинят
Высокий отказ на посадочной из Директа Записи с этой страницей входа, первые 15 - 30 секунд H1, оффер, скорость, «ложные» кнопки
Много взаимодействий с формой, мало отправок Аналитика форм (поля) + плеер на шаге отправки Валидация, лишние поля, капча, маска телефона
Конверсия с ПК ок, с мобилки провал Сегмент «смартфон», клавиатура на записи Sticky-бары, высота кнопок, порядок полей
Клики есть, на сайт «как будто не заходят» Код счётчика, AdBlock на тесте, наличие webvisor: true Обновить код, проверить блокировки
В Вебвизоре визитов меньше, чем в отчётах FAQ Метрики: выборка, короткие визиты, сеть Не паниковать; смотреть репрезентативную пачку
Запись «пустая» Робот, восстановленная вкладка, неподдерживаемый браузер Скип; фильтр по активности
Нельзя воспроизвести старую запись Срок хранения 15 дней Разбирать горячее; скриншоты/заметки вовремя
После долгого перерыва записи пропали Опция могла отключиться за 6 месяцев без просмотра Включить Вебвизор снова

Источники по строкам лимитов и пустых визитов: требования и ограничения, FAQ Метрики, настройка, описание ошибок.

5. Как отфильтровать список, чтобы не утонуть

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

Фильтры Вебвизора для разбора записей :  инфографика
Шесть фильтров, которые отсекают лишние записи Вебвизора

Практичный порядок на часовой разбор:

  1. Период: последние 7 - 14 дней (помним про 15 дней хранения).
  2. Источник: Директ / нужная кампания (если размечены UTM).
  3. Устройство: смартфон, если мобильный трафик доминирует.
  4. Страница входа: ключевой лендинг.
  5. Цель: «достигнута» vs «не достигнута».
  6. Активность: средняя и высокая, чтобы отсечь «пустые» открытия.

Дальше : 8 - 15 записей, не 150. Ищете повторяющийся паттерн (три человека споткнулись об одно поле), а не «уникальный» косяк одного пользователя.

6. Ограничения, о которых нужно знать заранее

Только то, что прямо написано в справке без «народных» лимитов.

Ограничение Что говорит Яндекс
Хранение 15 дней, включая текущий день (см. требования и ограничения)
Сколько записей в сутки Достаточно для репрезентативной выборки; число задаёт специальный алгоритм и может различаться (см. требования и ограничения)
Меньше визитов, чем в других отчётах Выборка + короткие визиты + сеть/блокировки (см. FAQ Метрики)
Несколько счётчиков Вебвизор только на одном (см. требования и ограничения)
Долго не заходили Может отключиться через 6 месяцев без просмотра (см. настройку)
Shadow DOM, canvas Не поддерживает / не пишет содержимое canvas (см. требования и ограничения)
iframe с другого домена Нужна отдельная настройка (см. поддержку iframe)
Роботы Может записать визиты, которые Метрика или Директ считают роботными (см. описание Вебвизора)

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

7. Конфиденциальность: что маскируется

По настройкам записи: Метрика сама маскирует конфиденциальные поля (например, имя) звёздочками; пароли при воспроизведении не показываются (см. просмотр записей). Опция «Записывать все поля» - если выключить, все поля станут звёздочками. CSS-классами точечно разрешают или запрещают запись полей и блоков (актуальные имена в той же справке).

На проектах с ПДн по умолчанию: не писать лишние поля (паспорт, карты), скрыть чат с персональными данными. Это гигиена по документации, не юридическая консультация.

8. Связка Вебвизор + Директ + цели

Короткий рабочий цикл, который я гоняю после запуска или просадки:

Связка Вебвизора и Директа: цикл от сигнала до правки сайта
Как связка Вебвизора и Директа превращает записи в правки сайта
  1. В Директе вижу рост CPC или падение конверсий по цели.
  2. В Метрике проверяю, что цель живая (см. гайд по целям).
  3. В Вебвизоре : сегмент Директ + лендинг + мобилка.
  4. Нахожу 1 - 2 повторяющихся UX-бага.
  5. Чиним сайт (или меняем креатив/оффер, если «обещание» не совпало).
  6. Через несколько дней смотрим новые записи и конверсию : не ждать «месяц на статистику», если баг очевидный.

UTM здесь тоже важны: без нормальной разметки вы не отфильтруете «именно эту кампанию» (гайд по UTM).

11. Реальный кейс: как запись сессий нашла проблему на мобильных

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

Команда Xistore через записи сессий увидела конкретные сбои форм и навигации именно в мобильной версии - то, что в цифровых отчётах выглядело просто как «низкая конверсия с телефонов», в плеере оказалось цепочкой мелких багов: не та кнопка, не то поле, лишний шаг. После адаптации мобильной версии под найденные проблемы конверсия с мобильных выросла в 2,5 раза, а доля целевых визитов с мобильных устройств поднялась с 24% до 50% (официальный кейс Яндекса).

Вывод из чужого кейса совпадает с моей практикой: цифра «конверсия с мобильных ниже» ничего не чинит сама по себе. Чинит просмотр 10-15 записей с сегментом «смартфон» и список конкретных багов на разработку.

12. Вебвизор и другие отчёты Метрики: когда что смотреть

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

Инструмент Метрики На какой вопрос отвечает Когда открывать
Отчёт «Конверсии» / «Цели» Сколько людей дошло до цели и откуда Ежедневный контроль динамики
Карта кликов По каким элементам страницы кликают чаще всего Проверить, видна ли кнопка/оффер
Карта скроллинга До какого места долистывают страницу Понять, читают ли длинный лендинг до конца
Аналитика форм На каком поле бросают заполнение Форма собирает клики, но не отправки
Вебвизор (плеер) Что именно человек делал, в какой последовательности Нужно увидеть живой сценарий, а не агрегат

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

9. Частые вопросы про Вебвизор в Метрике

Сколько хранятся записи Вебвизора? +

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

Почему в Вебвизоре меньше визитов, чем в отчёте «Визиты»? +

Потому что пишется выборка (алгоритм репрезентативности), плюс отсекаются слишком короткие визиты и сбои сети/блокировок (см. FAQ Метрики). Это не значит, что «Метрика сломалась».

Нужно ли обновлять код после включения? +

Да. В инструкции прямо: сохраните настройки и установите обновлённый код на все страницы. В init должен быть webvisor: true.

Можно ли смотреть заполнение форм? +

Да: и в плеере, и в Аналитике форм (конверсия и поля). Конфиденциальные поля маскируются; пароли не показываются (см. настройки записи и аналитику форм).

Почему запись выглядит «не как сайт сейчас»? +

Вебвизор пишет HTML на момент визита, а не на момент просмотра. Плюс при частой смене CSS без hash в имени файлов стили могут «поплыть» (см. требования и ограничения).

Что делать, если давно не заходил и записей нет? +

Проверьте, не отключился ли Вебвизор после 6 месяцев без просмотра, и включите снова (см. настройку).

Чем Вебвизор отличается от карты кликов и карты скроллинга? +

Карта кликов и карта скроллинга дают агрегат по всем визитам: где чаще кликают, до какого места долистывают. Вебвизор показывает конкретную сессию одного человека целиком, поэтому именно он отвечает на вопрос «что произошло с этим посетителем».

С чего начинать разбор, если конверсия просела именно на мобильных? +

Сначала отфильтровать записи по сегменту «смартфон», затем смотреть первые секунды сессии и заполнение формы - именно здесь чаще всего находятся баги вёрстки и клавиатуры, перекрывающей поля.

10. Чеклист на 20 минут

  1. Включена опция + вкладка Вебвизор Вкл + код обновлён.
  2. Вебвизор только на одном счётчике.
  3. Цели на заявку работают.
  4. Открыт сегмент: Директ + ключевой лендинг + смартфон.
  5. 8 - 15 записей: первые экраны, форма, клавиатура.
  6. 1 - 2 гипотезы в задачи разработке/дизайну.
  7. Контрольная пачка записей после фикса.

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

Читайте ещё в блоге

РЕКЛАМА В ИНТЕРНЕТЕ Нейросеть для рекламы: тексты и баннеры Нейросеть для рекламы: тексты и баннеры 47 ₽ за клик, именно во столько мне обошёлся забытый параметр в настройках, [&hellip Открыть дело → МАРКЕТИНГ ДЛЯ БИЗНЕСА Реклама доставки еды: как получать свои заказы Реклама доставки еды: как получать свои заказы Письмо ушло по базе, открываемость «как у всех», в учёте заявок, пусто. […] Открыть дело → МАРКЕТИНГ ДЛЯ БИЗНЕСА Рекламное агентство Москвы - как не ошибиться с выбором Рекламное агентство в Москве: цены, рейтинг АКАР и переплата за прослойку Я, Евгений Вязников, ищу клиентов в Москве и по всей России с […] Открыть дело → ВЕБ-АНАЛИТИКА Коллтрекинг: что это и как работает Коллтрекинг: что это и как подключить Я Евгений Вязников, эксперт по performance-маркетингу, в маркетинге с 2017 года. Раб Открыть дело → МАРКЕТИНГ ДЛЯ БИЗНЕСА Реклама детского центра: как привлечь родителей Реклама детского центра: как привлечь родителей Заявки идут, а денег в кассе не прибавляется? Обычно это значит, что […] Открыть дело → МАРКЕТИНГ ДЛЯ БИЗНЕСА Что такое маркетинг: объясняю простыми словами Что такое маркетинг: объясняю простыми словами Привет! Я Евгений Вязников, эксперт по performance-маркетингу - в маркетинге с 2017 Открыть дело → SEO И ПРОДВИЖЕНИЕ САЙТА Что такое SEO: как работает поиск и с чего начать Что такое SEO: как работает поиск и с чего начать Привет! Я Евгений Вязников, эксперт по performance-маркетингу - в маркетинге с 2017 Открыть дело → МАРКЕТИНГ ДЛЯ БИЗНЕСА Кто такой маркетолог: чем занимается и сколько стоит Кто такой маркетолог: чем занимается и сколько стоит Привет! Я Евгений Вязников, эксперт по performance-маркетингу - в маркетинге с 2017 Открыть дело →
Дальше: в канале

Что запускаю, что получается, что сливаю

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

Телеграм-канал Евгения Вязникова

Телеграм

Черновики кампаний и цифры в тот же день.

Подписаться в Телеграм
Канал Евгения Вязникова в МАКС

МАКС

Всё то же самое, если удобнее в МАКС.

Подписаться в МАКС
Следующий шаг

Это причёсанная версия. Черновики: в канале

Статья дозревала неделями. В канале всё в моменте: запускаю, показываю, сливаю, тоже показываю. С цифрами и приколами.

Подарок

Где вам удобнее получить материал?

«130 методов привлечения клиентов из интернета»: выберите канал, пришлём туда.

Подписаться на рассылку

Дайджесты, кейсы и советы по рекламе: раз в месяц.

Вы подписаны!

Ближайший дайджест придёт на

В моменте

Показываю работу, пока она горячая

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

Телеграм МАКС
Подписка

Куда вам удобнее?

В обоих одно и то же: работа в моменте, цифры в тот же день, приколы и бесплатные шаблоны.

Дело не в трафике. Вязников

Реклама. Нейросети. Цифры.

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