Javascript-kod på skärmen

Spåra HubSpot-formulär och chatt med Google Analytics

Detta inlägg uppdaterades den 25 september 2019 för att inkludera de nya tillgängliga konversationshändelserna i chattwidgeten. De nya händelserna gör det möjligt att spåra faktiska konversationer i stället för att bara öppna och stänga chattfönstret.

Om du använder HubSpot för formulär och chatt på dina webbplatser kanske du också vill sätta upp mål i Google Analytics för att registrera hur ofta formulären fylls i eller en chattsession inleds.

Det finns inga integrationsalternativ i HubSpot för att göra detta automatiskt, men det är fortfarande möjligt.

Spårning av Hubspot-inbäddade formulär

Dessa är de enklaste typerna av formulär att spåra eftersom formulär api tillhandahåller en callback för formulärinlämning (API-dokumentation).

Nedan kan du se den ursprungliga inbäddningskoden för formuläret, och efter modifiering för att skicka en händelse efter en lyckad inskickning.

Spårning av HubSpot LeadFlow-formulär

Lead Flow-formulär läggs till via standardinbäddningsskriptet för spårning, så det är inte möjligt att ändra koden direkt.

Dessa formulär kan spåras genom att koppla en lyssnare till "meddelande"-händelser (API-dokumentation)

Spåra HubSpot Chat-åtgärder

Uppdatering: Konversationsstart, slut och olästa meddelandehändelser har nu lagts till av Hubspot. Gist nedan innehåller spårning för dessa nya händelser.

Du hittar den officiella dokumentationen här: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


Att spåra chat-widgetar är traditionellt svårt eftersom de i allmänhet läggs till som iframes som den aktuella sidan inte kan komma åt.

Vissa föreslår att man täcker chatten med en osynlig div, tar bort den när användaren klickar på den och spårar klicket. Detta gör uppenbarligen att chattwidgeten ser trasig ut eftersom användaren måste klicka på den två gånger för att den ska fungera. En gång för att ta bort den osynliga div:en och en gång för att öppna chattfönstret.

Lyckligtvis visar loggning av alla händelser när man lyssnar på meddelandekön vissa interaktioner med chattwidgeten som vi kan använda för att logga olika åtgärder.

Nedan kan du se en händelse av typen "open-change" med ett datavärde på antingen true eller false beroende på om chattfönstret öppnades eller stängdes.

Webbläsarkonsol som visar hubspot-händelser

När välkomstmeddelandet ovanför chattfönstret stängs av inträffar en händelse av typen "closed-welcome-message".

Brower-konsolen visar en händelseloggning hubspot chattfönster stängs

Eftersom data är i form av ett JSON-objekt måste vi först analysera det för att kunna komma åt något av värdena.

Efter parsningen kan vi kontrollera datatypen och skicka analyshändelser i enlighet med detta.

Om du sätter ihop allt ser chattspårningsskriptet ut så här:

Läs fler artiklar av denna författare

Klicka här