Работа с событиями виджета и онлайн-чата
- База знаний
- Виджет
- Работа с событиями виджета и онлайн-чата
Обработка событий виджета и онлайн-чата
Вы можете настроить взаимодействие между поведением виджета и онлайн-чата и поведением вашего сайта, реагируя на события JavaScript, инициируемые на странице кодом виджета.
Доступно 3 вида событий:
- initialize_widget - срабатывает после окончания загрузки виджета на странице сайта;
- initialize_client - срабатывает при открытии клиентом окна диалога в онлайн-чате:
- если не настроен ввод данных - то сразу при открытии окна диалога в онлайн-чате;
- если настроен ввод данных - то сразу после отправки данных и открытии окна диалога в онлайн-чате.
- first_client_message - срабатывает однократно при отправке первого сообщения от клиента в онлайн-чате.
Примеры сценариев к реализации:
- При открытии клиентом диалога подсвечивается раздел База знаний на сайте;
- При отправке клиентом первого сообщения демонстрируется баннер со специальным предложением.
Пример кода для обработки события:
document.addEventListener('first_client_message', ShowBannerFunction)
Вызов событий виджета и онлайн-чата
Вы можете настроить взаимодействие между поведением виджета и онлайн-чата и поведением вашего сайта, инициируя события JavaScript, исполняемые кодом виджета.
Доступно 2 вида событий:
- popups:close — данное событие выполняет закрытие окна диалога в онлайн-чате и дополнительных всплывающих окон виджета (например, окна для связи в Viber).
Пример сценария к реализации:
- При нажатии на кнопку заказа обратного звонка закрывать окно диалога в онлайн-чате.
Пример кода для вызова события:
document.dispatchEvent(new CustomEvent("popups:close"))
-
popups:open — данное событие выполняет открытие окна диалога в онлайн-чате и дополнительных всплывающих окон виджета (например, окна для связи в Viber).
Пример сценария к реализации:
-
При нажатии на кнопку заказа обратного звонка открывать окно диалога в онлайн-чате.
Пример кода для вызова события:
document.dispatchEvent(new CustomEvent("popups:open"))