Hay varios eventos producidos por el widget de Laiye Chatbot que deberían escucharse. Estos eventos pueden utilizarse para implementar comportamientos específicos en el sitio web que aloja el widget.
ℹ️ Nota Los siguientes ejemplos ilustran el uso de eventos mediante la biblioteca Jquery.
destygo_widget_loaded
El destygo_widget_loadedEl evento se emite a nivel del documento y se activa cuando el widget termina de inicializarse. Es útil para empezar a escuchar los demás eventos en el momento adecuado.
Datos disponibles con este evento:
detail.client_token : el token único del cliente que utiliza el widget
Ejemplo:
$(document).on('destygo_widget_loaded', function(event) {
console.log('Widget for ' + event.detail.client_token + 'is ready');
})destygo_send_message
El destygo_send_message el evento se emite a nivel del widget (#destygo_widget id) y se activa cuando el usuario envía un mensaje.
Datos disponibles con este evento:
detail.message : el texto del mensaje
Ejemplo:
$('#destygo_widget').on('destygo_send_message', function(event) {
console.log('User has sent a message: ' + event.detail.message);
})destygo_receive_message
El destygo_receive_message el evento se emite a nivel del widget (#destygo_widget id) y se activa cuando el usuario recibe un mensaje.
Datos disponibles con este evento:
detail.message : el texto del mensaje
Ejemplo:
$('#destygo_widget').on('destygo_receive_message', function(event) {
console.log('User has received a message: ' + event.detail.message);
})destygo_click_on_toggler
El destygo_click_on_toggler el evento se emite a nivel del widget (#destygo_widget id) y se activa cuando el usuario hace clic en el interruptor, ya sea para abrir o cerrar el widget.
Datos disponibles con este evento:
detail.action : el valor es open si el clic sirve para abrir el widget; de lo contrario, el valor es close
Ejemplo:
$('#destygo_widget').on('destygo_click_on_toggler', function(event) {
console.log('Widget toggled: ' + event.detail.action);
})destygo_click_on_contact
El destygo_click_on_contact el evento se emite a nivel del widget (#destygo_widget id) y se activa cuando el usuario hace clic en el botón de contacto del encabezado.
Datos disponibles con este evento:
detail.client_token : el token único del cliente que utiliza el widget
Ejemplo:
$('#destygo_widget').on('destygo_click_on_contact', function(event) {
console.log('User ' + event.detail.client_token + ' has clicked on Contact button');
})destygo_zendesk_triggered
El destygo_zendesk_triggered el evento se emite a nivel del widget (#destygo_widget id) y se activa cuando se completa la inicialización entre el widget y Zendesk. Este evento está diseñado para utilizarse con la función setZendeskUserInfo.
Ejemplo:
$('#destygo_widget').on('destygo_zendesk_triggered', function(event) {
const payload = {
email: 'user@gmail.com',
display_name: 'User name',
phone: '0600000000'
};
DestygoChat.setZendeskUserInfo(payload)
})