- Что такое «Вебвизор»
- Как настроить «Вебвизор» в «Яндекс Метрике»
- Анализ сайта с помощью «Вебвизора»
- Хьюстон, у нас проблема, или почему «Вебвизор» не работает
- Альтернативы «Вебвизора»
- Выводы
- Частые вопросы по «Яндекс Вебвизору»
Что такое «Вебвизор»
«Вебвизор» в «Яндекс Метрике» — это аналитический инструмент, который записывает действия каждого посетителя на сайте: движение мыши, клики, скроллинг, заполнение форм. Технически это видеозапись сеанса, позволяющая маркетологу или аналитику просматривать реальный пользовательский опыт в специальном плеере.
На скриншоте показано, как работает просмотр посещений в интерфейсе. Пользователь зашел на главную страницу, кликнул на ссылку комментария, изучил текст. Далее перешел в целевой раздел меню, прочитал материал, вернулся обратно и закрыл вкладку. Такая информация помогает выявить логику навигации.
Приведу кейс из моей практики.
Мы продвигали лендинг закрытого женского клуба. После запуска контекстной рекламы показатель отказов зашкаливал: люди находились на странице менее десяти секунд. Заявок не было. Я открыл записи сессий и увидел паттерн: посетители кликают «Вступить в Клуб», попадают на сложную форму оплаты, путаются в полях и закрывают окно. Мы переработали дизайн блока, упростили оформление, и конверсия восстановилась.
Быстрый старт: 3 шага, чтобы начать смотреть записи в «Вебвизоре»
Если счетчик уже установлен, необходимо выполнить минимальный алгоритм настройки:
- Включите тумблер. Зайдите в сервис → выберите проект → «Настройка» → вкладка «Счетчик» → активируйте опцию «Вебвизор, карта скроллинга, аналитика форм».
- Обновите код на сайте. Скопируйте новый фрагмент и замените им старый перед закрывающим тегом
</head>. Без этого шага инструмент не начнет записывать данные. - Откройте плеер. Перейдите в левое меню → «Вебвизор». Видео появятся с системной задержкой 5–10 минут после визита клиента.
Как работает сервис «Вебвизор» для «Яндекс Метрики» и что происходит с данными
Технически скрипт фиксирует DOM-события: прокрутка, фокус, взаимодействие с контентом. Данные передаются на серверы Яндекса, где формируется видео. Задержка между реальным действием и отображением в статистике составляет около 10 минут.
Важное ограничение: система записывает до 150 000 визитов в сутки. При превышении лимита включается алгоритм семплирования, и часть сеансов не сохраняется.
Для SPA-приложений (Single Page Application) стандартный код фиксирует только первую загрузку. Чтобы отслеживать переходы без перезагрузки страницы, необходимо использовать функцию hit. Синтаксис выглядит так: ym(ID, 'hit', url). Инициализируйте счетчик с параметром defer: true, чтобы отложить отправку первого хита до явного вызова.
Приватность и конфиденциальность
Инструмент не собирает персональные данные. Текст, вводимый в формы (пароли, номера карт, телефоны), автоматически заменяется на звездочки на стороне браузера. Это гарантирует соблюдение 152-ФЗ и GDPR.
Управлять маскировкой можно через CSS-классы. Класс _ym-disable-keys_ скрывает конкретные поля, а _ym-record-keys_ разрешает запись безопасных форм. Если опция «Записывать все поля» отключена, содержимое маскируется полностью.
Как настроить «Вебвизор» в «Яндекс Метрике»
Разберем, как подключить вебвизор с нуля. Сначала создаем счетчик. Заходим в интерфейс и нажимаем «Добавить счетчик».
Указываем адрес домена, часовой пояс, задаем имя проекта. Обязательно переводим ползунок «Вебвизор, карта скроллинга, аналитика форм» в положение «ВКЛ».
Копируем сгенерированный код. Дополнительные параметры можно изучить в официальной справке или нашем гайде.
Установить скрипт можно напрямую в HTML. Откройте файл главной страницы через FTP или редактор хостинга. Найдите закрывающий тег </head> и вставьте скопированный фрагмент перед ним.
Второй способ — использование CMS-плагинов. Покажу на примере WordPress.
Популярное решение — VDZ Yandex Metrika Plugin. В админ-панели перейдите в раздел плагинов, нажмите «Добавить новый».
Введите название в поиск, установите и активируйте расширение.
Перейдите в настройки плагина.
Заполните базовые поля:
- Номер счетчика (1).
- Расположение кода (2). Рекомендую Header для точного сбора статистики до полной загрузки страницы.
- Активация Webvisor (3).
- Альтернативный CDN (4). Полезно, если часть аудитории испытывает проблемы с загрузкой оригинального скрипта.
- Отображение информера (5).
Если код уже стоит, но записи нет, проверьте статус в интерфейсе. Вы увидите предупреждение.
Зайдите в «Настройки».
Переведите ползунок в активное состояние.
Проверьте вкладку «Вебвизор» в верхнем меню настроек.
Убедитесь, что запись страниц включена.
Обязательно обновите код на сайте после изменения параметров. Старый скрипт не умеет собирать расширенную статистику.
Анализ сайта с помощью «Вебвизора»
Разберем, вебвизор где находится и как пользоваться его фильтрами. Интерфейс предлагает подробную сводку по каждому сеансу.
- Запуск просмотра. Открывает окно плеера.
- Флажок. Позволяет сохранить важный визит для дальнейшего изучения.
- Источник. Поисковый трафик, контекстный переход, соцсети или прямая ссылка.
- Страна. География посетителя.
- Операционная система. Windows, macOS, Android и т.д.
- Браузер. Google Chrome, Safari, Яндекс Браузер.
- Дата. Точное время. Помогает сопоставить сессию с конкретным заказом или звонком.
- Активность. Индикатор вовлеченности на основе количества действий.
- Время на сайте. Длительность сессии в минутах.
- Просмотренных страниц. Глубина погружения в контент.
- Фраза. Поисковый запрос (если доступен).
- Переход с сайта. URL внешнего ресурса.
- Номер визита. Идентификация новых и вернувшихся пользователей.
- Цели. Выполнение заданных конверсионных действий (например, товар добавлен в корзину).
Запускаем плеер. Курсор показывает, куда направлено внимание. Если человек долго водит мышью по одному абзацу, значит, текст его заинтересовал. Эту информацию можно использовать для оптимизации структуры.
При заполнении заявок система скрывает конфиденциальные данные. Почта и телефон заменяются точками. Это защищает бизнес от утечек.
Клик по значку информации открывает детальную сводку.
Фильтрация по устройствам — мощный инструмент юзабилити-тестирования. Вы можете просматривать отображение верстки на разных смартфонах без покупки парка гаджетов.
Пример: интернет-магазин продает премиальный продукт. Логично предположить, что целевая аудитория использует последние модели iPhone. Отфильтруйте сеансы по этому устройству и проверьте, не съезжает ли кнопка покупки.
Еще один метод — переход в плеер из стандартных отчетов. Допустим, нужно проверить адаптивность под нестандартные мониторы.
Идем в «Отчеты» → «Технологии» → «Разрешение дисплея».
Кликаем на иконку воспроизведения напротив нужной строки.
Так выглядит интерфейс на ультрашироком экране (3840 пикселей).
Для объективных выводов необходимо проанализировать выборку минимум из 20–30 сессий, а не опираться на единичный отказ.
Систематизируйте данные. Создайте таблицу, фиксируя источник, ОС, глубину просмотра и выявленные баги.
Продвинутая аналитика: от сигнала к действию
Для чего нужен вебвизор на практике? Для поиска аномалий. Разберем основные паттерны.
| Сигнал в плеере | Вероятная причина | Действие | Метрика проверки |
|---|---|---|---|
| Rage Clicks (яростные клики) по одному месту | Элемент выглядит кликабельным, но не работает; медленная загрузка | Сделать элемент интерактивным; проверить скорость ответа сервера | CTR элемента, время до первого клика |
| Блуждание курсора | Неясная иерархия, слабая контрастность кнопок | Переработать структуру, выделить целевой CTA | Конверсия, глубина скроллинга |
| Слепые зоны | Баннерная слепота, важный блок спрятан | Переместить блок в зону активного внимания | Показатель отказов |
| Брошенная корзина на этапе формы | Слишком много полей, ошибки валидации | Сократить форму, добавить маски ввода | Процент завершенных заказов |
| Пустые клики | Попытка взаимодействия с неактивным фоном | Расширить кликабельную зону | Снижение доли пустых кликов |
Хьюстон, у нас проблема, или почему «Вебвизор» не работает
Если записи не формируются, сначала проверьте базовые настройки: включен ли тумблер и обновлен ли код. Это решает 90% проблем.
Сложности часто возникают из-за политики безопасности сервера. Директива X-Frame-Options блокирует отображение сайта во фреймах (в том числе в плеере Метрики). Проверьте файл .htaccess на наличие строк:
<IfModule headers_module>
Header set X-Frame-Options: SAMEORIGIN
</IfModule>
Удаление этого кода восстановит работу плеера. Однако директива защищает от clickjacking-атак. Рекомендую не удалять ее полностью, а настроить Content-Security-Policy (CSP), точечно разрешив фреймы для доменов Яндекса.
Другие технические ограничения
| Симптом | Причина | Решение |
|---|---|---|
| Пустой экран при воспроизведении | Блокировщики рекламы (AdBlock), кеш браузера, отсутствие префикса www | Очистить кеш, отключить расширения, проверить зеркала домена |
| Обрыв сессии | Таймаут бездействия (стандартно 24 минуты) | Увеличить таймаут в настройках счетчика |
| Записывается только первая страница (SPA) | Отсутствует передача хитов при смене URL | Настроить ym(ID, 'hit', url) |
| Нет новых записей | Превышен лимит 150 000 визитов в сутки | Использовать сегментацию трафика |
Как отключить вебвизор яндекс метрика
Если необходимо остановить сбор данных (например, по требованию юристов), выполните три шага:
- Перейдите в «Настройка» → «Счетчик».
- Переведите тумблер «Вебвизор, карта скроллинга, аналитика форм» в положение «Откл» и сохраните.
- Обязательно обновите код на сайте. Без замены скрипта сбор не прекратится.
Альтернативы «Вебвизора»
Для международных проектов или специфических задач маркетологи используют зарубежные аналоги.
| Характеристика | Вебвизор | Microsoft Clarity | Hotjar |
|---|---|---|---|
| Стоимость | Бесплатно | Бесплатно | От 39 €/мес (есть базовый free-тариф) |
| Хранение данных | 15 дней | 30 дней | 365 дней |
| Воронки конверсии | Да | Нет | Да |
| Маскировка данных | Да (автоматически) | Нет точных данных | Да (настраиваемая) |
| Встроенные опросы | Нет | Нет | Да |
Microsoft Clarity выигрывает отсутствием лимитов, Hotjar — глубиной аналитики. Но для рунета продукт Яндекса остается стандартом благодаря локализации и бесшовной интеграции с Директом.
Выводы
Инструмент критически важен для выявления UX-ошибок. Регулярный просмотр сессий помогает понять логику аудитории, найти слепые зоны и устранить баги верстки. Это прямой путь к повышению конверсии и снижению стоимости лида.
Настройка занимает несколько минут. Главное — не забыть обновить скрипт на страницах и учитывать системную задержку формирования отчетов.
Частые вопросы по «Яндекс Вебвизору»
Сколько хранятся записи?
Данные доступны 15 дней, включая текущие сутки. После этого они безвозвратно удаляются. Функции экспорта видеофайлов в системе не предусмотрено.
Бесплатный ли это инструмент?
Да, функционал полностью бесплатен и доступен всем владельцам счетчиков.
Почему плеер показывает пустой экран?
Основная причина — блокировка фреймов заголовком X-Frame-Options на вашем сервере. Также влияют активные блокировщики рекламы в браузере или устаревший кеш.
Пишутся ли пароли и номера карт?
Нет. Система автоматически маскирует конфиденциальные поля звездочками еще до отправки на сервер, соблюдая законодательство о защите информации.
Как отслеживать SPA-сайты?
Необходимо настроить передачу виртуальных хитов с помощью функции ym(ID, 'hit', url) при каждом изменении состояния History API.
Почему видео появляется не сразу?
Это системное ограничение архитектуры. Агрегация и рендеринг занимают от 5 до 10 минут после завершения сеанса.
.png)
.png)
.png)
Комментарии (9)
Оставить комментарий