Подключение и настройка Вебвизора 2.0

Внимание. Вебвизор 2.0 работает в бета-режиме.
  1. Подключение
  2. Настройка записи контента сайта

Подключение

  1. В интерфейсе Яндекс.Метрики перейдите на страницу Настройка, на вкладку Счетчик.
  2. Включите опцию Вебвизор, карта скроллинга, аналитика форм.
  3. На вкладке Вебвизор переведите переключатель Вебвизор 2.0 в положение Вкл.
  4. Сохраните изменения.
  5. Установите обновленный код счетчика на все страницы сайта.

Настройка записи контента сайта

Вы можете управлять записью содержимого сайта:

Настройка записи полей для ввода данных

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

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

Также вы можете влиять на запись полей с помощью CSS-классов (атрибут class).

Название CSS-класса Описание
ym-record-keys Позволяет разрешить запись содержимого поля. Используйте этот класс для элементов textarea и input.
ym-disable-keys Позволяет запретить запись содержимого поля. Используйте этот класс для элементов textarea и input. Содержимое поля заменится на звездочки.
Разрешить запись отдельных полей
  1. Отключите опцию Записывать все поля.
  2. Задайте CSS-класс ym-record-keys для полей, содержимое которых хотите записывать.

Вебвизор будет записывать поля, отмеченные CSS-классом ym-record-keys, кроме полей для ввода пароля. Содержимое полей, не отмеченных CSS-классом ym-record-keys заменится на звездочки.

Запретить запись отдельных полей
  1. Включите опцию Записывать все поля.
  2. Задайте CSS-класс ym-disable-keys для полей, содержимое которых не нужно записывать.

Содержимое отмеченных классом ym-disable-keys полей заменится на звездочки.

Если Метрика ошибочно определила поле конфиденциальным, это можно исправить — отметьте поле CSS-классом ym-record-keys.

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

Настройка записи других элементов сайта

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

Название CSS-класса Описание
ym-hide-content Позволяет запретить запись произвольного элемента сайта. Графический элемент будет отображаться серым, текст будет заменен на произвольный набор символов и отобразится размытым.
ym-show-content Позволяет разрешить запись произвольного элемента сайта. Этот класс можно использовать только для тех элементов, которые расположены внутри элементов, отмеченных CSS-классом ym-hide-content.
Запретить запись отдельного элемента

Задайте CSS-класс ym-hide-content для элемента, содержимое которого не нужно записывать.

Вебвизор будет записывать все элементы сайта, кроме тех, которые отмечены CSS-классом ym-hide-content. Если классом отмечен графический блок, то он заменится на серый блок, если классом отмечен текст, он заменится на произвольный набор символов и будет отображаться размытым.



Разрешить запись отдельного элемента, размещенного внутри элемента, скрытого с помощью ym-hide-content

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

Если вы хотите разрешить запись произвольного элемента, который не является полем для ввода, внутри скрытого элемента, выполните следующее:
  1. Задайте CSS-класс ym-hide-content для элемента, который хотите скрыть.
  2. Задайте CSS-класс ym-show-content для элемента, который нужно записывать.
Внутри элемента, скрытого с помощью ym-hide-content, находится поле для ввода

Например, для блока отзывов задан CSS-класс ym-hide-content, внутри этого блока находится форма для ввода отзыва. В этом случае Вебвизор не запишет блок отзывов, а содержимое полей заменится на звездочки.

Чтобы Вебвизор записал содержимое поля, задайте для него CSS-класс ym-show-content. Если во время записи визита Метрика распознает поле как конфиденциальное, то его содержимое заменится на звездочки.

Если вы задали для поля, расположенного внутри скрытого элемента, CSS-класс ym-record-keys, то содержимое поля также заменится на звездочки.