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

Подключение

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

Настройка

Запись содержимого страниц

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

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

Запись содержания страниц может производиться двумя способами: браузером при просмотре страницы посетителем и роботом Яндекс.Метрики. В любом из этих случаев сохраняется только HTML-код страниц (изображения, CSS, JavaScript не сохраняются). При этом объем кода страницы не должен превышать 185 КБ.

При воспроизведении записи данные могут передаваться через прокси-сервер Яндекса (*.mtproxy.yandex.net). Если на вашем сайте проверяется имя домена, добавьте исключение, например с помощью регулярного выражения

/^(.*\.)?mtproxy\.yandex\.net$/i

Пример:

if (/^(.*\.)?mtproxy\.yandex\.net$/.test(document.domain)) {
   [пользовательский_код]
}
Запись страниц при просмотре посетителем

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

Содержание страницы может быть получено двумя способами:

  • Из браузера. HTML-код соответствует текущему представлению страницы в DOM-модели браузера посетителя. Это наиболее точное представление страницы. Оно учитывает манипуляции, которые были произведены со страницей включенным в нее JavaScript-кодом.
  • Отдельным запросом. HTML-код представления в точности соответствует HTML-коду страницы в момент загрузки, однако результат выполнения JavaScript-кода не учитывается.

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

Примеры:

  • /path?query — запись страниц, содержащих строку /path?query;
  • regexp:http://example.com/.* — запись страниц вида http://example.com/abc, http://example.com/ab/cd;
  • regexp:.* — запись всех страниц.

Загрузка страниц в плеер

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

Текущая страница сайта загружается в плеер с помощью iframe. Если ваш сайт защищен от показа в iframe (то есть в настройках сервера используется заголовок X-Frame-Options), собранные данные будут недоступны для просмотра. Чтобы просмотреть данные о посещении сайта, необходимо добавить в настройки сервера исключение для домена webvisor.com и его поддоменов, а также для домена вашего сайта с помощью регулярного выражения

^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com)\/

Если вы используете nginx, добавьте следующие исключения в конфигурацию:

location / {
        set $frame_options '';
        if ($http_referer !~ '^https?:\/\/([^\/]+\.)?(yourdomain\.com|webvisor\.com)\/'){
            set $frame_options 'SAMEORIGIN';
        }
        add_header X-Frame-Options $frame_options;
        ...
    }

где yourdomain\.com — имя домена вашего сайта. Используйте доменную зону вашего сайта (может отличаться от .com).

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

  • От вашего имени — в плеер загружается такая же страница, какую вы увидели бы сами, посетив сайт.

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

  • От имени анонимного пользователя — в плеер загружается такая же страница, какую увидел бы новый посетитель, впервые пришедший на сайт. Если на сайте есть авторизация, в плеер загрузится версия страницы, которую видят неавторизованные посетители.

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

Настройка записи полей форм

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

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

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

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

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

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

Вебвизор будет записывать все поля, кроме тех, которые отмечены CSS-классом ym-disable-keys. При этом содержимое полей, которые определены Яндекс.Метрикой как конфиденциальные, будет автоматически заменено на «звездочки».