Запись сессий посетителей сайта

Запись сессии — это воспроизведение визита посетителя: как он прокручивал страницы, куда кликал, какие формы заполнял и где ушёл. В ДАРА АНАЛИТИКЕ запись строится из изменений страницы, а не из видео экрана, и поля ввода маскируются ещё в браузере посетителя. В Яндекс Метрике похожая функция называется Вебвизором.

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

Как работает запись сессий#

Тег ДАРА АНАЛИТИКИ решает в начале визита, записывать ли его. Визит записывается, если выполнены все условия:

• запись включена в настройках сайта — по умолчанию включена;
• визит попал в долю записываемых визитов — по умолчанию 30 %. Выбор идёт по id визита, поэтому все страницы визита либо записываются, либо нет;
• не исчерпан суточный лимит записей сайта — по умолчанию 1000 в сутки по Москве;
• адрес страницы не попадает под исключения сайта;
• на странице не больше 15 000 узлов DOM.

Модуль записи загружается только для визитов, выбранных для записи, — остальные посетители его не загружают. Роботы и старые браузеры без нужных возможностей не записываются.

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

Что маскируется в записи#

Эти правила действуют всегда и не отключаются:

• значения всех полей ввода — любого типа, в том числе скрытых, — а также textarea, select и текст редакторов и чатов на contenteditable заменяются звёздочками той же длины;
• текст страницы, похожий на email, телефон или номер банковской карты, заменяется звёздочками — и в тексте, и в атрибутах и адресах элементов;
• canvas, видео, аудио, встроенные объекты и чужие iframe не записываются: на их месте в записи пустой блок того же размера.

Остальное отмечает разработчик сайта. Атрибут data-dara-mask маскирует текст элемента — например, баланс или номер договора, — а data-dara-ignore убирает элемент из записи целиком: на его месте остаётся пустой блок того же размера. Страницы оплаты или личного кабинета можно исключить из записи шаблоном адреса, например /checkout/*.

Что получает сайт#

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

• Плеер. Пуск и пауза, скорость 1×, 2×, 4× и 8×, «Пропускать простой» и шкала событий: просмотры, клики, бешеные клики, отправки форм, цели и покупки. Нажатие на событие переходит к нему, список страниц визита — к нужной странице.
• Отбор. Записи отбираются по сегменту, устройству, источнику, полу, возрастной группе и избранному. Сегмент отбирает записи визитов своих посетителей так же, как в отчётах.
• Переходы из отчётов. Из воронки открываются записи посетителей, ушедших на шаге, из отчёта «Формы» — записи визитов с уходом из формы, из карточки посетителя — его записи.
• Короткие записи не мешают. Записи меньше 5 секунд активного времени или без единого взаимодействия удаляются после закрытия визита и в суточный лимит не входят. Записи роботов тоже удаляются.
• Избранное. Запись в избранном хранится 90 дней с начала записи, избранных записей на сайте — до 100. Обычная запись хранится 15 дней.

Список записей видят все, у кого есть доступ к сайту. Менять настройки записи могут владелец и администраторы сайта.

Как подключить запись сессий#

1. Зарегистрируйтесь по коду из письма и добавьте сайт — по шагам из раздела Быстрый старт.
2. Вставьте код тега перед </head> на всех страницах. Отдельного кода для записи нет: модуль записи загружает сам тег. Инструкции для Tilda, 1С-Битрикс, WordPress, OpenCart и InSales — в разделе Установка тега.
3. Если сайт отдаёт заголовок CSP, добавьте в script-src и connect-src адрес https://analytics.daratech.ru — те же директивы, что нужны самому тегу.
4. Проверьте в настройках сайта раздел «Записи сессий»: долю записываемых визитов и исключённые адреса. Изменения доходят до тега в течение 5 минут.
5. Отметьте атрибутами data-dara-mask и data-dara-ignore блоки, где в обычном тексте страницы видны личные данные посетителя: номер договора, баланс, адрес доставки, переписка.

Подробно о настройках, разметке, плеере и хранении — в разделе документации Записи сессий.