Работа с событиями виджета и онлайн-чата

Обработка событий виджета и онлайн-чата

Вы можете настроить взаимодействие между поведением виджета и онлайн-чата и поведением вашего сайта, реагируя на события 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"))

 

Настройка уведомлений о новом сообщении во вкладке онлайн-чата

Вы можете добавить индикатор новых сообщений для посетителей сайта. При каждом новом сообщении от оператора в онлайн-чате можно настроить срабатывание события new_message, благодаря которому пользователь получит уведомление в заголовке вкладки.

События для интеграции:

  • new_message — срабатывает при каждом новом сообщении от оператора, добавляет количество непрочитанных сообщений в счетчик unread_count.
  • reset_new_message_count — активируется, когда клиент открывает виджет чата; счетчик непрочитанных сообщений обнуляется, все сообщения отмечаются как прочитанные.
Также по теме