Записи сессий

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

Какие визиты записываются#

Визит записывается, если выполнены все условия:

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

Роботы и старые браузеры без нужных возможностей не записываются.

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

Настройки#

В настройках сайта, в разделе «Записи сессий»:

• Шаблон исключения — путь страницы с / в начале, без домена и параметров; * — любые символы. Шаблон /checkout/* исключает все страницы оформления заказа, /account — только саму страницу /account.
• Изменения доходят до тега в течение 5 минут.
• Менять настройки могут владелец и администраторы сайта, остальные роли их только видят.
• Когда суточный лимит исчерпан, новые визиты не записываются до полуночи по Москве. Записи, которые уже начались, продолжаются.

Что маскируется всегда#

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

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

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

Разметка#

<div class="balance" data-dara-mask>Баланс: 12 400 ₽</div>

<section class="chat-history" data-dara-ignore>
  <p>Переписка с поддержкой</p>
</section>

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

Как записи отправляются#

• События записи копятся, сжимаются и уходят на сервер каждые 5 секунд или по 256 КБ, а при скрытии вкладки — сразу.
• Кусок записи — до 1024 КБ в сжатом виде. Больший кусок не отправляется.
• При уходе со страницы последний кусок отправляется запросом с keepalive.
• Если сайт отдаёт заголовок CSP, для записи нужны script-src и connect-src с адресом https://analytics.daratech.ru — те же, что для самого тега, подробнее в разделе Установка тега. Отдельных директив модуль записи не требует.

Список записей#

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

• Визит из нескольких страниц — одна запись. Каждая страница в ней начинается с полного снимка.
• Период — по началу записи, в часовом поясе сайта.
• Отбор: сегмент, устройство, источник, пол, возрастная группа и «Только избранные». Сегмент отбирает записи визитов своих посетителей так же, как в отчётах.
• Короткие записи — меньше 5 секунд активного времени или без единого взаимодействия — удаляются после закрытия визита и в суточный лимит не входят. Записи роботов тоже удаляются.
• Список листается страницами и видят его все, у кого есть доступ к сайту.

Записи открываются и из других разделов — тогда над списком видно, откуда пришёл отбор, и кнопка «Сбросить»:

• из воронки — записи посетителей, ушедших на шаге: дошли до предыдущего шага и не дошли до этого за период воронки; ссылка есть у шага, где у ушедших есть записи, когда роботы в воронке не учитываются;
• из отчёта «Формы» — записи визитов с уходом из формы, подробнее в разделе Формы;
• из карточки посетителя — записи этого посетителя; у визита с записью в карточке есть ссылка в плеер.

Плеер#

• «Смотреть» и пауза, шкала времени, скорость 1×, 2×, 4× и 8×, «Пропускать простой»;
• шкала событий: просмотры, клики, бешеные клики, отправки форм, цели, покупки — нажатие переходит к событию;
• список страниц визита с переходом к каждой;
• ссылка на карточку посетителя и звезда «В избранное».

С клавиатуры: пробел на кадре — пуск и пауза, стрелки — на 5 секунд назад и вперёд.

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

Хранение#

• Запись хранится 15 дней с начала записи. Администратор ДАРА может изменить срок хранения для сайта — не больше чем до 90 дней. Запись с истёкшим сроком из списка и плеера пропадает сразу, даже если её файлы ещё не удалены.
• Запись, добавленная в избранное, хранится 90 дней с начала записи. Избранных записей на сайте — до 100. Добавлять записи в избранное и убирать их могут все, у кого есть доступ к сайту.
• Если убрать запись из избранного, её срок снова считается по сроку хранения сайта: запись старше этого срока сразу пропадает.
• Записи удалённого сайта удаляются вместе с его хитами и визитами.

Лицензия#

Модуль записи построен на библиотеке @rrweb/record, а плеер в кабинете — на библиотеке rrweb 2.1.4. Обе распространяются по лицензии MIT: Copyright (c) 2018 Contributors (https://github.com/rrweb-io/rrweb/graphs/contributors). Уведомление о лицензии есть в начале файла модуля записи и файла плеера.