Samouczek Menedżera tagów Google, część 3: przesyłanie formularzy śledzenia – aktualizacja 2020 r.

W części 2 naszego zaktualizowanego samouczka Menedżera tagów Google omówiliśmy śledzenie linków do pobierania. Jeśli go przegapiłeś, możesz zacząć tutaj . W tej trzeciej części przyjrzymy się bliżej bardzo popularnemu tematowi – przesyłaniu formularzy . Większość marketerów będzie zainteresowana śledzeniem tego, ponieważ celem wielu kampanii jest generowanie leadów za pośrednictwem formularzy kontaktowych, a więc są to konwersje, które mierzą sukces kampanii.

Google Analytics nie śledzi automatycznie tej aktywności, ale Menedżer tagów Google (GTM) oferuje automatyczne rozwiązanie do śledzenia przesyłanych formularzy.

W tym samouczku zakładamy, że masz już konto Menedżera tagów Google, utworzyłeś kontener i zainstalowałeś go w swojej witrynie. Powinieneś również mieć skonfigurowane konto Google Analytics dla swojej witryny i powiązać ją z GTM.

Skonfiguruj śledzenie przesyłania formularzy, wykonując poniższe czynności.

Krok 1: Znajdź unikalny identyfikator

Pokażemy Ci, jak to skonfigurować na przykładzie formularza kontaktowego. Poniższe kroki opisują ogólny proces i wskazują, które części należy zmienić w konkretnej witrynie.

Pierwszym krokiem jest znalezienie czegoś, co pomoże zidentyfikować Twój formularz. Zrobimy to, patrząc na element HTML formularza i decydując, co pomoże jednoznacznie zidentyfikować ten formularz.

Aby sprawdzić formularz w swojej witrynie, kliknij prawym przyciskiem myszy, aby uzyskać dostęp do narzędzi programistycznych przeglądarki. (Na przykład w Chrome kliknij prawym przyciskiem myszy element, który chcesz sprawdzić i wybierz „Sprawdź”.) Spowoduje to wyświetlenie różnych atrybutów unikalnych dla formularza, na przykład jego zawartości, klasy CSS i innych elementów.

W naszym przykładzie poniżej możesz zobaczyć, że formularz ma identyfikator kontaktowy . Identyfikator to odpowiedni identyfikator, który jest zazwyczaj unikalny dla elementu i nie jest używany nigdzie indziej w witrynie. Jeśli formularz nie ma unikalnego identyfikatora, możesz również użyć klas formularzy, adresu URL strony akcji formularza lub tekstu formularza, aby zidentyfikować ten konkretny formularz. Korzystanie z identyfikatora lub klas jest najłatwiejsze, dlatego zalecamy korzystanie z nich, jeśli to możliwe.

W ostateczności możesz po prostu użyć adresu URL strony, na której znajduje się formularz, aby go zidentyfikować, ale zachowaj ostrożność. Jeśli masz na stronie inny formularz, taki jak pole wyszukiwania, ten formularz może wywołać zdarzenie formularza kontaktowego.

Krok 2: Włącz wbudowaną zmienną formularza

Do konfiguracji tagu zdarzenia będziesz potrzebować wbudowanej zmiennej Form ID (lub Form Classes, jeśli formularz ma unikalną klasę). Jeśli nie używałeś wcześniej tej zmiennej, musisz ją wybrać i włączyć. Aby to zrobić, przejdź do Zmienne w interfejsie GTM, a w sekcji Zmienne wbudowane kliknij Konfiguruj . Przewiń do różnych zmiennych formularza i ustaw znacznik wyboru według identyfikatora formularza .

Krok 3: Utwórz wyzwalacz przesyłania formularza

Ten wyzwalacz określa, czym dokładnie jest przesłanie formularza kontaktowego. Nasłuchuje nadsyłanych formularzy na poszczególnych stronach Twojej witryny i sprawdza, czy spełniają one warunki, które określiłeś specjalnie dla Twojego formularza kontaktowego.

Aby skonfigurować wyzwalacz, wykonaj następujące kroki:

• Przejdź do Wyzwalaczy na lewym pasku bocznym i utwórz nowy.
• Zastąp wyzwalacz bez tytułu nazwą opisową, np. Przesłanie formularza – Formularz kontaktowy .
• Wybierz typ wyzwalacza: Przesłanie formularza . Będzie nasłuchiwać przesłanych formularzy.

Do konfiguracji wyzwalacza ustawisz:

• Nie zaznaczaj pola wyboru Czekaj na tagi . Nie zalecamy używania tej opcji domyślnie w formularzach, ponieważ może to przerwać przesyłanie formularzy. Może być używany, jeśli zostanie dokładnie przetestowany.
• Zaznacz pole wyboru Sprawdź walidację . Sprawdza to, czy formularz został faktycznie przesłany.
• Włącz, gdy:
  • Ścieżka strony zawiera kontakt .

To włącza wyzwalacz na stronach, które mają kontakt na ścieżce, na przykład https://amazeemetrics.com/contact. Należy to zmienić, aby włączyć wyzwalacz na stronie lub stronach Twojej witryny, które zawierają formularz kontaktowy. W razie potrzeby możesz również włączyć wyzwalacz na wszystkich stronach.

• Pożar na:
  • Wybierz opcje: Identyfikator formularza to kontakt-formularz .

Wykorzystuje to zmienną, którą włączyłeś w kroku 2 oraz unikalny identyfikator zidentyfikowany w kroku 1, aby dokładnie określić, który formularz chcesz śledzić jako przesłanie formularza kontaktowego .

• Zmień identyfikator formularza na dowolny identyfikator znaleziony w kroku 1 i odpowiednią zmienną włączoną w kroku 2.

Kliknij Zapisz, aby sfinalizować konfigurację wyzwalacza.

Krok 4: Utwórz tag zdarzenia przesyłania formularza

Ostatnim krokiem w śledzeniu przesyłanych formularzy jest po prostu utworzenie tagu, który zarejestruje zdarzenie w Google Analytics z żądanymi informacjami. Zdarzenie zostanie uruchomione, gdy zostaną spełnione warunki wyzwalacza, które skonfigurowałeś w poprzednim kroku. Teraz utwórz tag, składając wszystkie elementy razem:

• Przejdź do > Tagi > Nowy, aby utworzyć nowy tag
• Nazwij to GA – Wydarzenie – Przesłanie formularza kontaktowego
• W przypadku konfiguracji tagu jako typ tagu wybierz Google Analytics: Universal Analytics .
• Typ ścieżki: Wydarzenia
• Kategoria: Wprowadź formularz
• Akcja: Wprowadź przesłanie formularza kontaktowego . Możesz zmienić nazwę kategorii zdarzenia i akcji, aby dopasować je do dowolnej używanej konwencji nazewnictwa zdarzeń.
• Etykieta: Wpisz Pomyślnie . Jest to opcjonalne i możesz to zmienić lub pozostawić puste pole.
• Trafienie bez interakcji: pozostaw domyślne ustawienie false . Oznacza to, że to zdarzenie zmieni Twój współczynnik odrzuceń, ponieważ będzie liczone jako interakcja w Twojej witrynie.

W ostatnim kroku wybierasz regułę utworzoną w kroku 3 w celu uruchomienia tagu po spełnieniu określonego warunku. Oto przegląd ostatecznej konfiguracji:

Krok 5: Zapisz wersję, przetestuj i opublikuj

Jesteś prawie gotowy! Utworzony właśnie tag nie zacznie działać, dopóki go nie opublikujesz, ale najpierw powinieneś dokładnie sprawdzić, czy działa zgodnie z oczekiwaniami. Po zapisaniu tagu włącz tryb podglądu (kliknij Podgląd w prawym górnym rogu), przejdź do swojej witryny i odśwież stronę.

Pamiętaj, aby uwzględnić te scenariusze testowe dotyczące śledzenia przesyłania formularzy:

• Kliknij przycisk przesyłania bez wypełnienia formularza. W takim przypadku tag nie powinien się uruchamiać.
• Wypełnij formularz poprawnymi danymi, a następnie kliknij Prześlij. Tag powinien się teraz uruchomić.

Raport zdarzeń Google Analytics w czasie rzeczywistym powinien pokazywać trafienia zdarzeń, jeśli wszystko działa poprawnie. Przeczytaj nasz post na blogu o problemach z testowaniem Menedżera tagów Google i o tym, jak je rozwiązać, jeśli napotkasz jakiekolwiek problemy.

Jeśli wszystkie twoje testy zakończą się pomyślnie, możesz kliknąć przycisk Prześlij w GTM. Nadaj tej opublikowanej wersji opisową nazwę, taką jak dodane zdarzenie przesłania formularza kontaktowego, i kliknij Opublikuj .

Nadchodzi następny samouczek

Korzystanie z wyzwalacza przesłania formularza jest łatwym sposobem na opanowanie śledzenia formularzy kontaktowych. Jednak w zależności od formy i technologii może to nie zawsze działać. Formularze występują w wielu kształtach i rozmiarach, dlatego uznaliśmy, że wystarczy przedstawić różne techniki śledzenia, abyś był elastyczny.

Bądź na bieżąco z naszym nadchodzącym wpisem na blogu, w którym omówimy bardziej zaawansowane podejście do śledzenia formularzy: Wyzwalacz widoczności elementu.