Kod Javascript na ekranie

Śledzenie formularzy i czatu HubSpot za pomocą Google Analytics

Ten post został zaktualizowany 25 września 2019 r., aby uwzględnić nowo dostępne zdarzenia konwersacji widżetu czatu. Nowe zdarzenia umożliwiają rzeczywiste śledzenie konwersacji, a nie tylko otwieranie i zamykanie okna czatu.

Jeśli używasz HubSpot do formularzy na swoich stronach internetowych i czatu z użytkownikami, możesz również ustawić cele w Google Analytics, aby rejestrować, jak często te formularze są wypełniane lub inicjowana jest sesja czatu.

W HubSpot nie ma opcji integracji, aby zrobić to automatycznie, ale nadal jest to możliwe.

Śledzenie osadzonych formularzy Hubspot

Są to najłatwiejsze do śledzenia typy formularzy, ponieważ api formularzy zapewnia wywołanie zwrotne przesłania formularza (Dokumentacja API).

Poniżej możesz zobaczyć oryginalny kod osadzania formularza i po modyfikacji, aby wysłać zdarzenie po pomyślnym przesłaniu.

Śledzenie formularzy HubSpot LeadFlow

Formularze Lead Flow są dodawane za pośrednictwem standardowego skryptu osadzania śledzenia, więc nie ma możliwości bezpośredniej modyfikacji kodu.

Formularze te mogą być śledzone poprzez dołączenie listenera do zdarzeń 'message' (Dokumentacja API)

Śledzenie działań na czacie HubSpot

Aktualizacja: Zdarzenia rozpoczęcia, zakończenia i nieprzeczytanych wiadomości zostały dodane przez Hubspot. Poniższy Gist zawiera śledzenie tych nowych zdarzeń.

Oficjalną dokumentację można znaleźć tutaj: https://developers.hubspot.com/docs/methods/conversations_api/widget_events


Śledzenie widżetów czatu jest tradycyjnie trudne, ponieważ zazwyczaj są one dodawane jako ramki iframe, do których bieżąca strona nie ma dostępu.

Niektórzy sugerują pokrycie czatu niewidocznym divem, usunięcie go po kliknięciu przez użytkownika i śledzenie kliknięcia. To oczywiście sprawia, że widżet czatu wygląda na uszkodzony, ponieważ użytkownik musi kliknąć go dwukrotnie, aby zadziałał. Raz, aby usunąć niewidoczny div, a drugi, aby otworzyć okno czatu.

Na szczęście rejestrowanie wszystkich zdarzeń podczas słuchania kolejki wiadomości pokazuje niektóre interakcje widżetu czatu, których możemy użyć do rejestrowania różnych działań.

Poniżej widać zdarzenie typu "open-change" z wartością danych true lub false w zależności od tego, czy okno czatu zostało otwarte czy zamknięte.

Konsola przeglądarki pokazująca zdarzenia hubspot

Gdy wiadomość powitalna nad oknem czatu zostanie zamknięta, zostanie wygenerowane zdarzenie typu "closed-welcome-message".

Konsola przeglądarki pokazująca zamknięcie okna czatu hubspot rejestrującego zdarzenie

Ponieważ dane mają postać obiektu JSON, najpierw musimy je przeanalizować, aby móc uzyskać dostęp do dowolnej wartości.

Po przeanalizowaniu możemy sprawdzić typ danych i odpowiednio wysłać zdarzenia analityczne.

Składając to wszystko razem, skrypt śledzenia czatu wygląda następująco:

Przeczytaj więcej artykułów tego autora

kliknij tutaj