EXWE Blog
Neuigkeiten zum Thema Webentwicklung aus dem EXWE Blog
Beiträge zum Thema Digitalisierung, Softwareentwicklung und E-Commerce abbonieren
  Alle News anzeigen (70)

GoogleAnalytics HubSpot Chat Tracking mit CookieManager wie cookiebot.com

Wie kann man HubSpot Chat Conversions erfolgreich zu Google oder Matomo tracken aber dabei DSGVO konform vorgehen. Das nachfolgende JavaScript Snippet geht diese Problematik an. Das Problem ist, dass bei Verwendung von CookieMangers der HubSpot Chat erst nach akzeptieren des CookieConsent nachgeladen wird. Wir müssen also einen Weg finden wie wir nach dem Laden des Chats auf den Consent prüfen und uns danach auf das conversationStarted event registrieren.

        //functions handles the tracking calls, when the hubspot chat widget is ready
        function onConversationsAPIReady() {
            console.log('hubspot chat now running'); 

            //add listener for a started conversation
            window.HubSpotConversations.on('conversationStarted', payload => {
                console.log('conversationStarted');

                //track here
                ga('send', 'event', 'Beacon', 'chat-started', 'Hubspot'); });
            });
        }

        //add listener for accepting the cookies
        window.addEventListener('CookiebotOnAccept', function (e) {

          //maybe check if marketing cookies are allowed
          if (Cookiebot.consent.marketing){
              console.log('accept marketing cookies');  

              //now check for hubspot chat widget status
              if (window.HubSpotConversations) {
                console.log('hubspot chat already running'); 
                onConversationsAPIReady();
              } else {
                console.log('hubspot chat awaiting'); 
                window.hsConversationsOnReady = [onConversationsAPIReady];
              }    
          } 
        }, false);

Meike
Meike
vom 06.04.22 um 10:21

Hallo, mein Name ist Meike. Ich betreue das EXWE Backoffice und bin für unsere Social-Media Kanäle zuständig. All unsere Artikel sollen dir das Leben erleichtern und eine Entscheidungshilfe sein. Trotzdem kann es mal vorkommen, dass etwas unklar bleibt, daher: Wenn du Fragen zu diesem Artikel hast erreichst du mich ganz einfach unter +49 231 93149827

Zu diesem Thema haben wir außerdem noch folgende interessante Beiträge aus unserem Tech-Blog für dich
Webentwicklung: Was ist eigentlich Frontend- und Backend-Programmierung?

Programmierung und Webentwicklung besteht aus Frontend, Middleware und Backend Entwicklung. Im unserem Blogartikel findest du einen Überblick.

Webentwicklung: In vier Schritten zur funktionsfähigen Web-App

Du möchtest eine Web-App für dein Unternehmen programmieren, weißt aber nicht, wie du anfangen sollst? Wir verraten dir vier Schritte, die zum Erfolg führen.

Webentwicklung- und Websitemanagement - Eine komplette Übersicht

Wir als Agentur für Webentwicklung zeigen dir eine Übersicht über alle Website-Elemente. Lerne alles über SEO, Content und Website-Performance und mehr.




Schreibe EXWE auf WhatsApp