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

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
Die besten Programmiersprachen für die Webentwicklung

Die besten Programmiersprachen für die Webentwicklung? Wir stellen dir PHP, Ruby und weitere vor und zeigen dir, für welche Anwendungen sie am besten geeignet sind.

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.

Mit Web Apps und Push-Benachrichtigungen die eigenen User erreichen

Push-Notifications in Form von Web-Apps helfen dir deinen Unternehmenszielen näher zu kommen. Warum du nicht auf sie verzichten solltest, erfährst du hier.




Schreibe EXWE auf WhatsApp