Formularz śledzenia zdarzeń za pomocą Menedżera tagów Google
Opublikowany: 2021-07-19Jeśli szukasz prostego sposobu na skonfigurowanie śledzenia zdarzeń w celu monitorowania konwersji w swojej witrynie, możesz rozważyć użycie Menedżera tagów Google.
W tym poście wyjaśnię Menedżera tagów Google, poinformuję Cię, jak go zainstalować i opiszę, jak skonfigurować śledzenie zdarzeń formularza w Twojej witrynie.
Co to jest Menedżer tagów Google?
Google Tag Manager (GTM) to bezpłatne narzędzie, które ułatwia webmasterom i marketerom dodawanie i aktualizowanie tagów witryn. Istnieje wiele sposobów korzystania z GTM, ale większość firm używa go do śledzenia zdarzeń jako sposobu mierzenia sukcesu swojej strategii marketingu cyfrowego. Więcej informacji na temat GTM znajdziesz w naszym wprowadzającym wpisie na blogu.
Dlaczego warto korzystać z GTM do śledzenia zdarzeń?
GTM zapewnia pełną kontrolę nad tagami zdarzeń. Możesz dodać je do swojej witryny bez konieczności proszenia programisty o wykonanie twardego kodu. Uwolni to ich czas na pracę nad innymi krytycznymi projektami.
GTM pozwala również na samodzielne modyfikowanie i testowanie śledzenia zdarzeń, co oczywiście znacznie upraszcza proces.
Ponadto obserwujemy coraz większą liczbę stron internetowych, na których formularze są tworzone przy użyciu JavaScript. Te witryny nie korzystają z docelowych adresów URL, co oznacza, że nie można używać prostych celów w Analytics. Aby zabezpieczyć zarządzanie witryną w przyszłości, warto rozważyć zapoznanie się z GTM.
Instalowanie GTM
Instalacja GTM jest bardzo podobna do konfiguracji Google Analytics:
- Zaloguj się do Menedżera tagów Google, używając swojego konta Google – najlepiej tego samego, którego używasz w Analytics. Następnie postępuj zgodnie z instrukcjami na ekranie:
Utwórz konto w Menedżerze tagów Google - Przeczytaj i zaakceptuj regulamin. Otrzymasz wtedy kod instalacyjny. Musisz dodać ten kod do każdej strony swojej witryny, zaraz po otwierającym tagu <body>. Jeśli nie możesz tego zrobić samodzielnie, Twój programista powinien być w stanie pomóc:
Wklej kod GTM na każdej stronie swojej witryny
Otóż to. W swojej witrynie masz skonfigurowany kontener Menedżera tagów. Ten kontener ostatecznie będzie zawierał wszystkie tagi, które utworzysz w panelu GTM.
Opiszę teraz, jak skonfigurować śledzenie zdarzeń za pomocą GTM. W tym celu musisz włączyć kilka wbudowanych zmiennych na stronach, kliknięciach i formularzach. Nie są one domyślnie włączone podczas konfigurowania GTM. Więc zanim zaczniemy, przejdź do zmiennych i sprawdź następujące opcje:
Formularz śledzenia zdarzeń Form
Śledzenie przesyłania formularzy pozwala monitorować, kiedy odwiedzający przesyłają formularze w Twojej witrynie. Może to być formularz kontaktowy na Twojej stronie kontaktowej lub formularz zapytania w stopce strony. Prawie każda witryna ma formularz, więc jest to dobry sposób na zapoznanie się z Menedżerem tagów.
Skonfigurowanie śledzenia zdarzeń za pomocą GTM jest stosunkowo łatwe, ponieważ możesz używać tagów, które są już wbudowane w interfejs GTM. Podstawowa znajomość kodu HTML jest przydatna, ale ten przewodnik wyjaśni wszystko, co musisz wiedzieć.
Nie martw się, nie da się zepsuć witryny za pomocą Menedżera tagów, a przed opublikowaniem tagów możesz wszystko przetestować.
Zróbmy to!
Krok 1 — Zidentyfikuj adres URL
Zanotuj adres URL formularza:
Jeśli masz formularz na więcej niż jednej stronie, na przykład formularz zapytania w stopce, wystarczy znać domenę. W tym przypadku używamy hallam.co.uk .
Krok 2 — Zidentyfikuj identyfikator formularza
Znajdź identyfikator formularza dla przycisku przesyłania. Jeśli używasz przeglądarki Google Chrome lub Firefox, możesz to zrobić, klikając formularz prawym przyciskiem myszy i wybierając opcję „Sprawdź element”. Musisz poszukać atrybutu „id” w <form>. Oto przykład tego, jak to może wyglądać:
Wskazówka : Naciśnięcie ctrl + f w inspektorze umożliwia wyszukiwanie rzeczy.
Uwaga : jeśli Twój formularz nie ma unikalnego identyfikatora, może być konieczne poproszenie programisty o dodanie go. Jeśli jednak Twoja witryna korzysta z wtyczki formularza, takiej jak formularz kontaktowy 7 dla WordPress, możesz samodzielnie dodać identyfikator.
Krok 3 — Utwórz wyzwalacz
W GTM utwórz nowy wyzwalacz i nadaj mu tytuł, który ułatwi późniejszą identyfikację. Wystarczy coś takiego jak „prześlij formularz zapytania” lub „prześlij formularz strony kontaktowej”.
Pod wybierz wydarzenie, wybierz przesyłanie formularza:
Kliknij przycisk Kontynuuj, a następnie zaznacz „Oczekuj na tagi” i „Sprawdź weryfikację”, aby upewnić się, że reguła zostanie uruchomiona w przypadku pomyślnego (prawidłowego) przesłania formularza:
Kliknij przycisk Kontynuuj i wprowadź zanotowaną wcześniej ścieżkę URL:
Jeśli formularz znajduje się na kilku stronach, możesz skonfigurować regułę tak, aby uruchamiała się na stronach zawierających Twoją domenę:
Kliknij Dalej, a następnie wybierz „Niektóre formularze”:
Aby sfinalizować wyzwalacz, dodaj wcześniej zanotowany identyfikator formularza (nie używaj mojego identyfikatora formularza!):
Określiłeś teraz warunki wymagane do uruchomienia wyzwalacza. Następnie utworzymy tag.
Krok 4 — Utwórz tag
Utwórz nowy tag Universal Analytics. Ten tag wyśle informacje o zdarzeniu do Google Analytics. Ponownie upewnij się, że nadałeś mu niezapomnianą nazwę:
Dodaj swój identyfikator śledzenia Google Analytics w następnym polu:
Następnie wpisz typ śledzenia jako zdarzenie i określ parametry śledzenia dla kategorii i etykiety:
Jeśli konfigurujesz to dla formularza, który znajduje się na kilku stronach, tak jak w tym przykładzie, kliknij pole po prawej stronie etykiety i wybierz {{Ścieżka strony}} z menu rozwijanego. Dzięki temu w raportach zdarzeń Analytics będzie można zobaczyć, na której stronie zostało wywołane zdarzenie przesłania formularza:
W sekcji „Trafienie bez interakcji” możesz wybrać prawdę lub fałsz. Działanie bez interakcji to parametr, który pozwala zdecydować, czy wywoływane zdarzenie ma wpływ na dane, takie jak współczynnik odrzuceń . Na przykład, jeśli masz stronę, na której wideo odtwarza się automatycznie, chcesz wybrać „prawda”. W przeciwnym razie każdy, kto trafi na tę stronę, wywoła zdarzenie, a współczynnik odrzuceń wyniesie zero.
Aby śledzić przesyłanie formularzy, polecam wybrać opcję „fałsz” – szczególnie, jeśli formularz, który śledzisz, znajduje się na stronie docelowej, na której odwiedzający widzi wszystkie potrzebne informacje i wypełnia formularz zapytania. W końcu, nawet jeśli nie oglądają innej strony w Twojej witrynie, weszli w interakcję i wykonali pożądaną akcję, więc powinno to być trafienie interakcji:
Następnie kliknij kontynuuj i wybierz „więcej” pod „fire on”. Wybierz „formularz”, a następnie przejdź do utworzonego wcześniej wyzwalacza:
Kliknij „utwórz tag”, a gotowy tag będzie wyglądał mniej więcej tak:
Krok 5 — Test
Przejdź do trybu podglądu i debugowania, aby sprawdzić, czy działa nowe śledzenie zdarzeń:
W tej samej przeglądarce otwórz nową kartę i przejdź do swojej witryny, w której Menedżer tagów otworzy dla Ciebie tryb debugowania. W tym miejscu możesz wyświetlić podgląd swojego kontenera, który pokaże Ci, które tagi zostały lub nie zostały uruchomione na Twojej stronie:
W powyższym przykładzie żaden z tych tagów nie został uruchomiony na mojej stronie, w tym w przesłanych przeze mnie formularzach zapytania. Teraz mogę przetestować formularz bezpośrednio na stronie i sprawdzić, czy właściwy tag przechodzi do „tagów uruchamianych na tej stronie”:
Krok 6 — Opublikuj
Po sprawdzeniu, czy tag działa, wróć do panelu GTM i opublikuj swoją wersję. Pamiętaj, że możesz zmienić nazwy wersji i wrócić do wersji, jeśli następna wersja nie zadziała:
Ta-da — Twój nowy tag śledzenia zdarzeń i wyzwalacz jest już aktywny.
Optymalizacja formularzy
Możesz ulepszyć formularze w swojej witrynie, aby zwiększyć liczbę konwersji. Możesz użyć GTM do śledzenia każdego pola formularza, aby dowiedzieć się, co należy przetestować i poprawić. Alternatywnie możesz skorzystać z usługi takiej jak Hotjar, aby uzyskać przydatną analizę ścieżki do optymalizacji współczynnika konwersji.
Wniosek
Jeśli chcesz poprawić wydajność i usunąć testowe bóle głowy, jeśli chodzi o konfigurowanie śledzenia zdarzeń, zdecydowanie polecam korzystanie z Menedżera tagów Google.
Odkryłem, że gdy programiści są zajęci pracą nad większymi, trwającymi projektami na stronie internetowej, doceniają tę decyzję, ponieważ uwalniają ich czas. Na poziomie podstawowym możesz korzystać z wbudowanych tagów w Menedżerze tagów, a funkcje kontroli wersji i trybu debugowania umożliwiają samodzielne testowanie wszystkiego.
Jeśli korzystałeś z Menedżera tagów Google do implementacji śledzenia zdarzeń formularza za pomocą tego przewodnika, chcielibyśmy usłyszeć o tym w komentarzach poniżej. Ewentualnie skontaktuj się ze mną na Twitterze @Digital_Kym.
Jeśli potrzebujesz pomocy, nie wahaj się z nami skontaktować.