Запишитесь на видеопрезентацию Chat2Desk: ответим на ваши вопросы! icon-people Работайте с отзывами из Яндекс.Карт, 2ГИС и Google Maps в чат-центре с интеграцией Pointer 📍
ru
en

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

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

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

 

Также по теме