Просмотр экрана

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

FAQ по просмотру экрана

Вопрос:
Существуют ли ограничения для просмотра экрана?
Ответ:
Да, к сожалению не все браузеры позволяют реализовать просмотр экрана. Если браузер посетителя не позволяет сделать трансляцию, консультант увидит сообщение об этом в своем интерфейсе.
Вопрос:
Насколько быстро работает трансляция экрана?
Ответ:
Скорость работы зависит только от скорости интернет-соединения посетителя и консультанта. Мы делаем все возможное, в том числе сжимаем передаваемые данные, чтобы предоставить наилучшую скорость соединения.
Вопрос:
Что именно передается при просмотре экрана?
Ответ:
Первоначально мы передаем всю HTML разметку вашей страницы, затем SDK отслеживает изменения разметки страницы и отправляет небольшие по объему данные об изменении. Также SDK отслеживает изменение размеров экрана, прокручивание страницы и отдельных блоков, перемещения курсора, нажатия кнопок мыши и нажатия клавиш на клавиатуре.

SDK не передает данные о скриптах, информацию о полях ввода пароля (input type="password") и скрытых блоков (class="ym_disable_keys").
Вопрос:
Почему при просмотре экрана не загрузились файлы стилей?
Ответ:
Из-за особенности обработки кросс-доменных запросов современными браузерами, для отображения файлов стилей необходимо добавить специальные заголовки в ответ вашего web-сервера. Подробнее об этом читайте в разделе

Скрытие блоков от консультантов

Используйте класс ym-disable-keys
Содержимое блоков с этим классом не будет транслироваться консультанту, на его месте он увидит заглушку с информацией что блок скрыт.
<div class="classname1 classname2 ym-disable-keys">
Этот блок будет скрыт от консультантов. Внутри этого блока может находиться критически важная информация, например, персональные данные пользователя, информация о его балансе и прочее.
</div>

Отображение CSS-стилей

Разрешение кросс-доменных запросов
Поскольку в момент отображения экрана посетителя, консультант находится на странице домена app.chatix.io, а файл стилей может располагаться на вашем сайте под доменом mysite.com, то возникает нарушение политики одного источника (same-origin-policy). Политика безопасности современных браузеров не разрешает загрузку стилей с посторонних доменов, пока это явно не разрешено. Подробнее об этом вы можете прочитать в статье Cross-Origin Resource Sharing (CORS) — HTTP | MDN.
В двух словах, вам нужно добавить следующие заголовки в ответ вашего web-сервера. Как это сделать вам подскажет документация к вашему web-серверу.
Access-Control-Allow-Origin: https://app1.chatix.io
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Headers: Content-Type
Access-Control-Max-Age: 86400