Le widget de Laiye Chatbot émet quelques événements qu'il est utile d'écouter. Ils permettent de mettre en place des comportements spécifiques sur le site qui héberge le widget.
ℹ️ Remarque Les exemples ci-dessous illustrent l'utilisation des événements avec la bibliothèque jQuery.
destygo_widget_loaded
L'événement destygo_widget_loaded est émis au niveau du document et se déclenche une fois l'initialisation du widget terminée. Il permet de commencer à écouter les autres événements au bon moment.
Données disponibles avec cet événement :
detail.client_token : le jeton unique du client qui utilise le widget
Exemple :
$(document).on('destygo_widget_loaded', function(event) {
console.log('Widget for ' + event.detail.client_token + 'is ready');
})destygo_send_message
L'événement destygo_send_message est émis au niveau du widget (id #destygo_widget) et se déclenche quand l'utilisateur envoie un message.
Données disponibles avec cet événement :
detail.message : le texte du message
Exemple :
$('#destygo_widget').on('destygo_send_message', function(event) {
console.log('User has sent a message: ' + event.detail.message);
})destygo_receive_message
L'événement destygo_receive_message est émis au niveau du widget (id #destygo_widget) et se déclenche quand l'utilisateur reçoit un message.
Données disponibles avec cet événement :
detail.message : le texte du message
Exemple :
$('#destygo_widget').on('destygo_receive_message', function(event) {
console.log('User has received a message: ' + event.detail.message);
})destygo_click_on_toggler
L'événement destygo_click_on_toggler est émis au niveau du widget (id #destygo_widget) et se déclenche quand l'utilisateur clique sur le bouton d'ouverture, que ce soit pour ouvrir ou fermer le widget.
Données disponibles avec cet événement :
detail.action : la valeur est open si le clic ouvre le widget, sinon close
Exemple :
$('#destygo_widget').on('destygo_click_on_toggler', function(event) {
console.log('Widget toggled: ' + event.detail.action);
})destygo_click_on_contact
L'événement destygo_click_on_contact est émis au niveau du widget (id #destygo_widget) et se déclenche quand l'utilisateur clique sur le bouton de contact de l'en-tête.
Données disponibles avec cet événement :
detail.client_token : le jeton unique du client qui utilise le widget
Exemple :
$('#destygo_widget').on('destygo_click_on_contact', function(event) {
console.log('User ' + event.detail.client_token + ' has clicked on Contact button');
})destygo_zendesk_triggered
L'événement destygo_zendesk_triggered est émis au niveau du widget (id #destygo_widget) et se déclenche quand l'initialisation entre le widget et Zendesk est terminée. Cet événement est prévu pour l'utilisation de la fonction setZendeskUserInfo.
Exemple :
$('#destygo_widget').on('destygo_zendesk_triggered', function(event) {
const payload = {
email: 'user@gmail.com',
display_name: 'User name',
phone: '0600000000'
};
DestygoChat.setZendeskUserInfo(payload)
})