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 zdarzeń klikniętego elementu

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Enterprise

Zdarzenie klikniętego elementu śledzi, kiedy anonimowy odwiedzający lub kontakt HubSpot kliknie określony element w Twojej witrynie. Na przykład, śledzenie kliknięcia linku CTA bezpłatnej wersji demonstracyjnej lub linku do pobrania pliku PDF. Zdarzenia klikniętych elementów można tworzyć i śledzić tylko na stronach, które mają zainstalowany kod śledzenia HubSpot.

Uwaga:

  • Instrukcje zawarte 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ć, a użytkownik może nadal zarządzać tymi zdarzeniami i analizować je 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 zakresie właściwości zdarzeń. Na przykład, w starszych zdarzeniach trzeba było utworzyć wiele zdarzeń, aby śledzić oddzielne kampanie, ale teraz jedno niestandardowe zdarzenie behawioralne może śledzić wiele kampanii.

Zdarzenia elementów klikniętych można tworzyć na dwa sposoby:

Po utworzeniu zdarzeń, dowiedz się, jak analizować zdarzenia w narzędziach analitycznych i raportowych. Możesz również tworzyć zdarzenia odwiedzonych adresów URL orazzdarzenia niestandardowe.

Tworzenie zdarzeń klikniętego elementu 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 analiza >Kod śledzenia.
  • Kliknij przycisk . Zainstaluj rozszerzenie chrome event.
  • Kliknij przyciskPobierz.
  • Zostaniesz przekierowany do rozszerzenia HubSpot Analytics w sklepie internetowym Google Chrome. W prawym górnym rogu kliknij przyciskDodaj do Chrome.

  • W oknie dialogowym kliknijDodaj rozszerzenie.
  • Po zainstalowaniu rozszerzenia pojawi się ono na pasku narzędzi przeglądarki Chrome w postaci pomarańczowej ikony zębatki.

Tworzenie wydarzenia za pomocą rozszerzenia wydarzenia Chrome

  • Przejdź do strony internetowej z zainstalowanym kodem śledzenia HubSpot.
  • Na pasku narzędzi przeglądarki Chrome kliknijzębatkę . ikona koła łańcuchowego.
  • W oknie dialogowym zaznacz opcjęKliknięty element.

    chrome-extension-create-clicked-element-event
  • Kliknij przyciskDalej. Następnie będziesz mógł wybrać element na stronie, który chcesz śledzić.
  • Kliknijelementna stronie,dla którego chcesz utworzyć zdarzenie elementu klikniętego.W poniższym przykładzie zdarzenie elementu klikniętego będzie śledzić kliknięcia w link kluczowych aspektów.

  • W oknie dialogowym zostanie automatycznie wygenerowanyselektorCSS elementu. Wprowadźnazwęzdarzenia, a następnie kliknij przycisk Utwórzzdarzenie.

Uwaga.: w zależności od złożoności znaczników HTML i CSS witryny rozszerzenie zdarzenia Chrome może nie być w stanie wykryć unikatowego selektora CSS dla elementu. W takim przypadku należy ręcznie utworzyć zdarzenie lub zamiast tego dodać unikalny znacznik id do elementu.

  • Po pomyślnym utworzeniu zdarzenia zostanie wyświetlony komunikat z potwierdzeniem. Kliknij przyciskWyświetl zdarzenie w HubSpot, aby wyświetlić nowe zdarzenie klikniętego elementu w pulpicie nawigacyjnym zdarzeń.

Następnie HubSpot rozpocznie śledzenie tego elementu. Dowiedz się, jak analizować zdarzenie w HubSpot.

Ręcznie utwórz zdarzenie, używając identyfikatora, klasy lub selektora jQuery

  • W koncie HubSpot przejdź do Raporty > Narzędzia analityczne.
  • Kliknij przycisk Niestandardowe zachowanie Zdarzenia.
  • W prawym górnym rogu kliknij przyciskUtwórz zdarzenie.
  • W prawym panelu wprowadź nazwę zdarzenia, a następnie wybierz opcję Kliknięty element.

    create-custom-clicked-element-event-type
  • Kliknij przyciskDalej.
  • Wybierz, w jaki sposób chcesz zidentyfikować kliknięty element na stronie. Dowiedz się więcej o tym, jak znaleźć identyfikatory na stronie internetowej.
    • IdentyfikatorHTML: wpisz identyfikator elementu, który chcesz śledzić. Na przykład, jeśli kliknięty element jest ustawiony jako <button id="log-in">, wpiszeszlog-in.
    • Klasa HTML: wprowadź klasę 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ć
      .

      create-custom-clicked-element-ID
  • KliknijNext.
  • Domyślnie kliknięty element będzie śledzony na wszystkich stronach z zainstalowanym kodem śledzenia HubSpot. Aby śledzić kliknięcia elementów tylko na określonej stronie, wybierz opcję Określona strona, a następnie wprowadź adres URL strony.
  • Kliknij przycisk Zapisz.

Po utworzeniu zdarzenia HubSpot rozpocznie śledzenie elementu. Dowiedz się, jak analizować zdarzenie w HubSpot.

Zrozumienie i pobieranie selektorów elementów

Element można zidentyfikować na podstawie jego identyfikatora HTML, klasy HTML lub selektora jQuery.

ID

Zdarzenie elementu klikniętego może zidentyfikować element na podstawie jego atrybutu ID i wykryć, kiedy został on kliknięty.

Aby wyświetlić identyfikator elementu:

  • Kliknij prawym przyciskiem myszy stronę z docelowym elementem i wybierzopcjęWyświetl źródłostrony lubInspect.
  • 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) w polu ID bez cudzysłowów.

Klasa

Zdarzenie clicked element event może zidentyfikować element na podstawie jego atrybutu class i wykryć, kiedy został on kliknięty.

  • Kliknij prawym przyciskiem myszy stronę z elementem, do którego chcesz się odnieść i wybierzpolecenieWyświetl źródło stronylubSprawdź.
  • Kliknij na element. Powinieneś być w stanie zobaczyć atrybut class w linii kodu (np. class="unique-element-name").
  • Skopiuj wartość klasy i wklej ją (np. w tym przypadku unique-element-name) w polu Class bez cudzysłowów.

Selektor jQuery

Możesz również użyć pełnych selektorów jQuery do kierowania na elementy. Jest to przydatne, jeśli element, na który kierujesz nie ma ID lub klasy, lub jeśli chcesz być bardziej szczegółowy. Dowiedz się więcej oobsługiwanych selektorach.