Javascript-kode på skærmen

Sporing af HubSpot-formularer og chat med Google Analytics

Dette indlæg blev opdateret den 25. september 2019 for at inkludere de nyligt tilgængelige samtalehændelser i chatwidgetten. De nye hændelser gør det muligt at spore faktiske samtaler i stedet for blot at åbne og lukke chatvinduet.

Hvis du bruger HubSpot til dine webformularer og brugerchat, kan du også sætte mål op i Google Analytics for at registrere, hvor ofte disse formularer udfyldes, eller en chatsession indledes.

Der er ingen integrationsmuligheder i HubSpot til at gøre dette automatisk, men det er stadig muligt.

Sporing af indlejrede Hubspot-formularer

Det er de nemmeste formularer at spore, da forms api giver et callback til formularindsendelse (API-dokumentation).

Nedenfor kan du se den oprindelige formularindlejringskode og efter ændring for at sende en begivenhed efter en vellykket indsendelse.

Sporing af HubSpot LeadFlow-formularer

Lead Flow-formularer tilføjes via standard tracking embed script, så det er ikke muligt at ændre koden direkte.

Disse formularer kan spores ved at tilknytte en lytter til 'message'-hændelser (API-dokumentation)

Sporing af HubSpot-chathandlinger

Opdatering: Hubspot har nu tilføjet events for samtalestart, -afslutning og ulæste beskeder. Nedenstående Gist indeholder sporing for disse nye begivenheder.

Du kan finde den officielle dokumentation her: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


Det er traditionelt svært at spore chatwidgets, da de som regel bliver tilføjet som iframes, som den aktuelle side ikke har adgang til.

Nogle foreslår at dække chatten med en usynlig div, fjerne den, når brugeren har klikket på den, og spore klikket. Det får naturligvis chatwidgetten til at se ødelagt ud, da brugeren skal klikke på den to gange for at få den til at virke. En gang for at fjerne den usynlige div og en anden gang for at åbne chatvinduet.

Heldigvis viser logning af alle hændelser, når man lytter til meddelelseskøen, nogle chatwidget-interaktioner, som vi kan bruge til at logge forskellige handlinger.

Nedenfor kan du se en begivenhed af typen 'open-change' med en dataværdi på enten true eller false, afhængigt af om chatvinduet blev åbnet eller lukket.

Browserkonsol, der viser hubspot-hændelser

Når velkomstbeskeden over chatvinduet afvises, oprettes en hændelse af typen 'closed-welcome-message'.

Brower-konsollen viser en hændelseslogning, hvor hubspot-chatvinduet lukkes

Da dataene er i form af et JSON-objekt, skal vi først analysere dem for at kunne få adgang til værdierne.

Når den er parset, kan vi tjekke for datatypen og sende analysehændelser i overensstemmelse hermed.

Når man sætter det hele sammen, ser chatsporingsscriptet sådan ud:

Læs flere artikler af denne forfatter

klik her