Tworzenie niestandardowych zdarzeń behawioralnych bez użycia kodu (BETA)
Data ostatniej aktualizacji: stycznia 20, 2023
Dotyczy:
Marketing Hub Enterprise |
Niestandardowe zdarzenia behawioralne pozwalają śledzić informacje unikalne dla Twojej firmy. Kliknięty element i odwiedzone zdarzenia URL można tworzyć bez kodu za pomocą rozszerzenia HubSpot Chrome.
Zdarzenie elementu klikniętego śledzi, kiedy anonimowy odwiedzający lub kontakt HubSpot kliknie określony element w Twojej witrynie. Na przykład śledzenie, gdy kliknięte zostanie łącze CTA bezpłatnej wersji demonstracyjnej lub łącze pobierania plików PDF. Zdarzenia związane z klikniętym elementem można tworzyć i śledzić tylko na stronach, które mają atrybut Zainstalowany kod śledzenia HubSpot. Zdarzenia związane z odwiedzanym adresem URL rejestrują, kiedy anonimowy odwiedzający lub kontakt HubSpot odwiedza określony adres URL w Twojej witrynie.
Uwaga:
- Instrukcje w tym artykule dotyczą nowego narzędzia niestandardowych zdarzeń behawioralnych, które zastępuje poprzednie narzędzie zdarzeń behawioralnych. Wszelkie zdarzenia utworzone w starszym narzędziu będą nadal działać i nadal można zarządzać i analizować te zdarzenia w starszym narzędziu.
- Starszych zdarzeń nie można migrować do nowego narzędzia zdarzeń. Zamiast tego zaleca się odtworzenie starszych zdarzeń w nowym narzędziu, ponieważ nowe zdarzenia niestandardowe zapewniają większą elastyczność właściwości zdarzeń. Na przykład w przypadku starszych zdarzeń trzeba było tworzyć wiele zdarzeń, aby śledzić oddzielne kampanie, ale teraz jedno niestandardowe zdarzenie behawioralne może śledzić wiele kampanii.
Odwiedzone zdarzenia URL i Kliknięty element można utworzyć, instalując i używając rozszerzenia HubSpot Chrome dla prostych klikniętych zdarzeń, takich jak hiperłącza i obrazy.
Po utworzeniu zdarzeń dowiedz się, jak analizuj zdarzenia w narzędziach analitycznych i raportowych. Można również tworzyć i ręcznie śledzić zdarzenia niestandardowe.
Tworzenie zdarzeń za pomocą rozszerzenia Chrome
Zainstaluj rozszerzenie Chrome dotyczące zdarzeń
- W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
- W menu lewego paska bocznego przejdź do Śledzenie i analityka > Kod śledzenia.
-
Kliknij Zainstaluj rozszerzenie chrome "event.
-
Kliknij przycisk Pobierz.
- Zostaniesz przekierowany do rozszerzenia HubSpot Analytics w sklepie internetowym Google Chrome. W prawym górnym rogu kliknij przycisk Dodaj do Chrome.
- W oknie dialogowym kliknij Dodaj rozszerzenie.
- Po zainstalowaniu rozszerzenia pojawi się ono jako pomarańczowa zębatka z ikoną w pasku narzędzi przeglądarki Chrome.
Utwórz zdarzenie odwiedzonego adresu URL za pomocą rozszerzenia zdarzenia Chrome
- Przejdź do strony internetowej z Kod śledzenia HubSpot zainstalowanym.
- Na pasku narzędzi przeglądarki Chrome kliknijikonę zębatki .
- W oknie dialogowym wybierz Visited URL, a następnie kliknij Next.
- Dodaj swoją nazwę wydarzenia i opcjonalnie dodaj opis. Kliknij przycisk Dalej.
- Kliknij przycisk Dodaj , aby dodać stronę. Do jednego wydarzenia możesz dodać wiele stron.
- W polu Page URL wpisz adres URL, którego odwiedziny mają być śledzone.
- W polu Nazwa wpisz nazwę strony. Nazwa ta będzie dostępna w ramach danych właściwości zdarzenia pod właściwością o nazwie Nazwa śledzenia.
- Kliknij przycisk Utwórz zdarzenie.
HubSpot zacznie wtedy śledzić to zdarzenie. Dowiedz się, jak przeanalizuj zdarzenie w HubSpot.
Utwórz zdarzenie z klikniętym elementem za pomocą rozszerzenia zdarzenia Chrome
- Przejdź do strony internetowej z zainstalowanym Kod śledzenia w HubSpot zainstalowanym.
- Na pasku narzędzi przeglądarki Chrome kliknijikonę zęb atki .
- W oknie dialogowym wybierz Kliknięty element.
- Kliknij przycisk Dalej.
- Dodaj swoją nazwę zdarzenia i opcjonalnie dodaj opis. Kliknij przycisk Dalej.
- Aby wybrać element na stronie do śledzenia, kliknij przycisk Dodaj. Wybierz element na stronie do śledzenia . Do jednego zdarzenia można dodać wiele klikniętych elementów.
- Kliknij element na stronie, aby utworzyć zdarzenie klikniętego elementu. W poniższym przykładzie zdarzenie klikniętego elementu będzie śledzić kliknięcia w łącze Kluczowe aspekty.
- W oknie dialogowym selektor CSS elementu zostanie wygenerowany automatycznie. Wprowadź nazwę dla śledzonego elementu. Nazwa ta będzie dostępna w danych właściwości zdarzenia pod właściwością o nazwie Nazwa śledzenia. Opcjonalnie dodaj opis, a następnie kliknij przycisk Dalej.
- Aby kontynuować dodawanie dodatkowych elementów do zdarzenia, kliknij przycisk Dodaj i wybierz kolejny element.
- Aby zakończyć i zapisać zdarzenie, kliknij przycisk Utwórz zdarzenie.
Uwaga: w zależności od złożoności znaczników HTML i CSS Twojej witryny rozszerzenie Wydarzenia Chrome może nie być w stanie wykryć unikatowego selektora CSS dla elementu. W takim przypadku należy zmodyfikować selektor. Dowiedz się więcej o tym, jak znaleźć identyfikatory na stronie internetowej.
- Po pomyślnym utworzeniu zdarzenia pojawi się komunikat z potwierdzeniem. Kliknij opcję Wyświetl zdarzenie w HubSpot, aby wyświetlić nowe zdarzenie klikniętego elementu w pulpicie nawigacyjnym zdarzeń.
Następnie HubSpot rozpocznie śledzenie elementu (elementów). Dowiedz się, jak przeanalizować zdarzenie w HubSpot.
Zrozumienie i pobieranie selektorów elementów
Możesz zidentyfikować element za pomocą jego identyfikatora HTML, klasy HTML lub za pomocą selektora jQuery.
- HTML ID: wprowadź identyfikator ID elementu, który chcesz śledzić. Na przykład, jeśli twój kliknięty element jest ustawiony <button id="log-in">, wprowadziłbyś log-in.
- HTML Class: wpisz klasa elementu, który chcesz śledzić. Na przykład, jeśli twój kliknięty element jest ustawiony jako <button class="bigCTA">, wprowadziłbyś bigCTA.
- Selektor jQuery: wpisz Selektor jQuery elementu, który chcesz śledzić.
ID
Aby znaleźć i użyć ID elementu:
- Kliknij prawym przyciskiem myszy stronę z elementem, do którego zmierzasz, i wybierz opcję Wyświetl źródło strony lub Inspect.
- Kliknij element. Powinieneś być w stanie zobaczyć atrybut ID w linii kodu (np. id="unique-element-name").
- Skopiuj wartość ID i wklej ją (np. w tym przypadku unique-element-name) do pola HTML ID bez cudzysłowów. Na przykład, dla elementu zawierającego id="get-started-marketing-hub", w pole wpisałbyś get-started-marketing-hub.
Klasa
Zdarzenie kliknięcia elementu może identyfikować element poprzez jego atrybut class.
Uwaga:
- gdy wiele elementów na stronie ma tę samą klasę, tylko pierwszy element na stronie będzie się liczył do realizacji zdarzeń. Dlatego należy używać klasy jako identyfikatora tylko wtedy, gdy żaden inny element na stronie nie dzieli tej klasy. Jeśli element nie ma unikalnej klasy, zaleca się użycie ID zamiast tego.
- Jeśli nie możesz zaktualizować kodu źródłowego elementu, aby dodać unikalną klasę lub identyfikator, zaleca się użycie rozszerzenia Chrome do skonfigurowania zdarzenia zamiast tego, ponieważ HubSpot przydzieli bardziej szczegółowy identyfikator.
Aby znaleźć klasę elementu i użyć jej do zdarzenia:
- Kliknij prawym przyciskiem myszy stronę z elementem, na który się kierujesz, i wybierz opcję Wyświetl źródło strony lub Inspect.
- Kliknij element. Powinieneś być w stanie zobaczyć atrybut class w linii kodu (np. class="unique-element-name").
- Skopiuj wartość klasy i wklej ją do pola Klasa HTML bez cudzysłowów. Na przykład dla elementu, który zawiera się w polu.
- Gdy element ma wiele klas, możesz użyć dowolnej z jego klas jako celu. Na przykład, jeśli element includes class="cta--primary cta--medium homepage-sales", możesz wpisać cta--primary, cta--medium lub homepage-sales w pole HTML Class. Jednakże, upewnij się, że żadne inne elementy nie dzielą tej klasy.
- Przy łączeniu wielu klas, użyj następującego formatu: class1.class2.class3.
Selektor jQuery
Możesz również użyć pełnych selektorów jQuery do kierowania elementów. Jest to przydatne, jeśli element, na który kierujesz, nie ma identyfikatora lub klasy, lub musisz być bardziej szczegółowy.
Na przykład chcesz utworzyć zdarzenie klikniętego elementu za pomocą selektora jQuery dla for dla następującego elementu:
<a id="get-started-marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Get started with Marketing Hub">Zacznij</a>.
Zamiast używać identyfikatora lub klasy elementu, mógłbyś użyć selektora jQuery, aby skierować właściwość href elementu, wprowadzając następujące elementy do pola selektora jQuery :
[href="https://www.hubspot.com/products/marketing/get-started"]
Dowiedz się więcej o obsługiwane selektory.
Thank you for your feedback, it means a lot to us.
Powiązana treść
-
Tworzenie raportów atrybucji
Korzystając z raportowania atrybucji, można zobaczyć interakcje, jakie zachodzą między kontaktami w trakcie...
Baza wiedzy -
Zrozumienie raportowania atrybucji
Podczas tworzenia raportu tworzenia kontaktu, tworzenia transakcji lub przypisywania przychodów należy...
Baza wiedzy -
Tworzenie raportów sprzedażowych za pomocą narzędzia do analityki sprzedaży
Narzędzie Sales Analytics pomaga menedżerom sprzedaży i członkom ich zespołów lepiej zrozumieć, jakie są ich...
Baza wiedzy