Javascript-kode på skjermen

Sporing av HubSpot-skjemaer og chat med Google Analytics

Dette innlegget ble oppdatert 25. september 2019 for å inkludere de nye tilgjengelige samtalehendelsene i chat-widgeten. De nye hendelsene gjør det mulig å spore faktiske samtaler i stedet for bare å åpne og lukke chat-vinduet.

Hvis du bruker HubSpot til skjemaer og brukerchat på nettsidene dine, kan det også være lurt å sette opp mål i Google Analytics for å registrere hvor ofte skjemaene fylles ut eller en chat-økt startes.

Det finnes ingen integrasjonsmuligheter i HubSpot for å gjøre dette automatisk, men det er likevel mulig.

Sporing av Hubspot-innebygde skjemaer

Dette er de enkleste skjematypene å spore, ettersom forms api har en callback for skjemainnlevering (API-dokumentasjon).

Nedenfor ser du den opprinnelige skjemainnlemmingskoden, og etter endring for å sende en hendelse etter vellykket innsending.

Sporing av HubSpot LeadFlow-skjemaer

Lead Flow-skjemaer legges til via det innebygde standardskriptet for sporing, så det er ikke mulig å endre koden direkte.

Disse skjemaene kan spores ved å knytte en lytter til "message"-hendelser (API-dokumentasjon)

Sporing av HubSpot Chat-handlinger

Oppdatering: Hendelser for samtalestart, -slutt og uleste meldinger er nå lagt til av Hubspot. Gist nedenfor inneholder sporing for disse nye hendelsene.

Du finner den offisielle dokumentasjonen her: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


Tradisjonelt er det vanskelig å spore chat-widgets, ettersom de vanligvis legges til som iframes som den aktuelle siden ikke har tilgang til.

Noen foreslår å dekke chatten med en usynlig div, fjerne den etter at brukeren har klikket på den og spore klikket. Dette får selvsagt chat-widgeten til å se ødelagt ut, ettersom brukeren må klikke på den to ganger for at den skal fungere. Én gang for å fjerne den usynlige div-en og én gang for å åpne chat-vinduet.

Heldigvis viser logging av alle hendelser ved lytting til meldingskøen noen chat-widget-interaksjoner som vi kan bruke til å logge ulike handlinger.

Nedenfor ser du en hendelse av typen "open-change" med en dataværdi på enten true eller false, avhengig av om chat-vinduet ble åpnet eller lukket.

Nettleserkonsoll som viser hubspot-hendelser

Når velkomstmeldingen over chat-vinduet avvises, sendes det ut en hendelse av typen "closed-welcome-message".

Brower-konsollen viser en hendelseslogging av hubspot-chatvinduet som lukkes

Siden dataene er i form av et JSON-objekt, må vi først analysere dem for å få tilgang til noen av verdiene.

Når vi har analysert dataene, kan vi kontrollere datatypen og sende analysehendelser deretter.

Når vi setter det hele sammen, ser chat-sporingsskriptet slik ut:

Les flere artikler av denne forfatteren

klikk her