# Tracking von Events im Chat

Es gibt die Möglichkeit, Javascript-EventListener-Funktionen für bestimmte Ereignisse zu registrieren, wie z. B. "Chat geöffnet", "Chat geschlossen" und "Nutzer klickt auf CTO-Schaltfläche". Dies erlaubt das Tracking dieser Chatbot-Ereignisse in der einbettenden Webseite, z. B. über Analyse-Tools wie Google Analytics.

# Beispiel

Als Einstieg können Sie die Events über die Entwicklerkonsole Ihres Browsers nachvollziehen. Bitte geben Sie hierfür die folgenden Befehle einzeln in die Konsole ein:

Eventlistener für das Öffnen des Chatfensters
window.addEventListener("kauz.chat.open", (e) => {console.log('====> open')});

Eventlistener für das Schließen des Chatfensters
window.addEventListener("kauz.chat.close", (e) => {console.log('====> close')});

Eventlistener für das Klicken eines Hyperlinks
window.addEventListener("kauz.link.open", (e) => {
    console.log('====> kauz.link.open');
    console.log(e.detail.url);
});

Eventlistener für das Senden einer Nachricht durch den Nutzer
window.addEventListener('message', (e) => {
    if (event.data.event === 'kauz.user.message') {
      console.log('====> kauz.user.message');
    }
});

Bei Links wird der geklickte Endpunkt unter event.detail.url abgespeichert.

Eventlistener für das Klicken eines Hyperlinks
window.addEventListener('message', (e) => {
    if (event.data.event === 'kauz.link.open') {
      console.log('====> kauz.link.open');
      console.log(e.data.url);
    }
});

Eventlistener für das Senden einer Nachricht durch den Nutzer
window.addEventListener('message', (e) => {
    if (event.data.event === 'kauz.user.message') {
      console.log('====> kauz.user.message');
    }
});

Bei Links wird der geklickte Endpunkt unter event.data.url abgespeichert.

Nach der Ausführung werden die Ereignisse in der Konsole geloggt.