Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Analytics Tools

Tworzenie bezkodowych niestandardowych zdarzeń behawioralnych (BETA)

Data ostatniej aktualizacji: września 5, 2022

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ą przypisaną opcję 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 utworzyć 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żesz 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ębatki .
  • 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 przeanalizuj 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 ID, 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.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.