Jak dodać Google Tag Manager do strony (konfiguracja) | We.Inc
Zainstaluj Google Tag Manager tak, jak opisuje to Google: fragmenty kodu w head i body, tag Google dla GA4, tryb Podglądu i śledzenie aplikacji jednostronicowych. Kreator fragmentów kodu dla Twojego ID GTM.
Utwórz kontener w Tag Managerze, aby otrzymać identyfikator w rodzaju GTM-ABCD123. Wklej pierwszy fragment kodu od Google jak najwyżej w sekcji <head>, a drugi, iframe w noscript, bezpośrednio po otwierającym tagu <body> na każdej stronie. Następnie dodaj tagi, na przykład tag Google Analytics, w Tag Managerze i opublikuj.
Konfiguracja w skrócie
Krok
Gdzie
Co robisz
1. Utwórz kontener
Wybierz Internet jako platformę i zanotuj identyfikator GTM-
2. Zainstaluj fragmenty kodu
HTML Twojej strony lub ustawienia motywu
Fragment head wysoko w <head>, fragment noscript zaraz po <body>
3. Dodaj tag
Obszar roboczy Tag Managera
Dla Analytics: typ tagu Tag Google z Twoim identyfikatorem G-
4. Przetestuj
Przycisk Podgląd
Tag Assistant łączy się z Twoją stroną i pokazuje, które tagi zostały uruchomione
5. Opublikuj
Prześlij w obszarze roboczym
Nic nie zaczyna działać na Twojej stronie, dopóki nie opublikujesz
Google Tag Manager to darmowy kontener na kody śledzące. Zamiast wklejać skrypt każdego narzędzia do strony, instalujesz jeden kontener raz, a potem dodajesz, zmieniasz lub usuwasz tagi (małe skrypty do analityki, reklam i podobnych narzędzi) z poziomu serwisu Tag Managera. Wpisz identyfikator kontenera w kreatorze, aby otrzymać oba fragmenty kodu gotowe do wklejenia.
Wpisz identyfikator kontenera. Kreator sprawdza, czy wygląda jak GTM- z literami i cyframi.
Skopiuj fragment head do sekcji <head> każdej strony, jak najwyżej.
Skopiuj fragment body do linii zaraz po otwierającym tagu <body>.
Otwórz Tag Managera, kliknij Podgląd, wpisz adres swojej strony i sprawdź, czy Tag Assistant pokazuje Połączono.
Instaluj jeden kontener na stronę. Przewodnik Google po warstwie danych ostrzega, że więcej niż jedna warstwa danych na stronie powoduje błędne uruchamianie tagów.
Jeśli strona ustawia dane dla tagów, umieść window.dataLayer = window.dataLayer || []; oraz swoje wywołania push nad fragmentem kontenera.
Usuń kod Analytics wklejony bezpośrednio, zanim dodasz ten sam tag w Tag Managerze, bo inaczej każda wizyta zostanie policzona dwa razy.
Wiele kreatorów stron ma pole na identyfikator GTM. Jeśli Twój ma, użyj go i niczego nie wklejaj ręcznie.
Najczęściej zadawane pytania
Gdzie dokładnie trafia kod Google Tag Manager?
Pomoc Google dotycząca instalacji mówi, aby wkleić pierwszy blok jak najwyżej w tagu <head>, a drugi bezpośrednio po otwierającym tagu <body>, na każdej stronie witryny.
Czy nadal potrzebuję części noscript?
Google dołącza ją do kodu instalacyjnego. To iframe umieszczony w elemencie noscript, którego przeglądarki używają tylko wtedy, gdy JavaScript jest wyłączony. Wklej go dokładnie tak, jak podaje Google.
Jak dodać Google Analytics 4 przez Tag Managera?
W Tag Managerze dodaj nowy tag, wybierz typ Tag Google i wpisz identyfikator tagu zaczynający się od G-. Wybierz regułę inicjalizacji, zapisz, przetestuj w Podglądzie, a potem opublikuj.
Dlaczego Tag Manager nie śledzi zmian stron w mojej aplikacji jednostronicowej?
Aplikacje, które zmieniają strony bez przeładowania, nie wywołują nowego wczytania strony. Użyj reguły Zmiana historii, która według Google uruchamia się, gdy zmienia się fragment adresu URL lub gdy witryna korzysta z HTML5 pushState API.
Czy Google Tag Manager jest darmowy?
Wersja standardowa jest darmowa. Google sprzedaje też Tag Manager 360 w ramach swoich produktów dla dużych firm.
Testowanie w trybie Podglądu
W obszarze roboczym kliknij Podgląd w prawym górnym rogu. Tag Assistant otworzy się w nowej karcie: wpisz adres swojej strony i kliknij Połącz. Strona otworzy się w nowym oknie i w rogu pokaże Połączono.
Wróć do karty Tag Assistant i kliknij Dalej, aby zobaczyć każde zdarzenie i uruchomione tagi. Popraw wszystko, co się nie uruchomiło, zanim opublikujesz.
Wysyłanie własnych zdarzeń
Warstwa danych to tablica JavaScript, która przekazuje informacje do Tag Managera. Wyślij do niej obiekt z kluczem event, na przykład zapis do newslettera, i utwórz regułę Zdarzenie niestandardowe o tej samej nazwie.
Przewodnik Google mówi, że w warstwie danych liczy się wielkość liter, więc dataLayer działa, a datalayer nie, oraz że należy do niej wyłącznie wysyłać dane przez push, nigdy jej nie nadpisywać.
Wysyłanie zdarzenia do warstwy danych
Użyj tego, gdy dzieje się coś, czego Tag Manager sam nie widzi, na przykład formularz wysyłany bez opuszczania strony.
Zdarzenie zapisu do newslettera
Utwórz w Tag Managerze regułę Zdarzenie niestandardowe o nazwie newsletter_signup, aby uruchamiać na nim tagi.
Reguły, których użyjesz na początku
Popularne reguły w Tag Managerze
Reguła
Uruchamia się, gdy
Typowe zastosowanie
Inicjalizacja
Przed wszystkimi innymi regułami z wyjątkiem Inicjalizacji zgody
Tag Google dla Analytics
Wyświetlenie strony
Gdy przeglądarka zaczyna wczytywać stronę
Większość innych tagów na poziomie strony
Zmiana historii
Zmienia się fragment adresu URL lub strona wywołuje pushState
Wyświetlenia stron w aplikacjach jednostronicowych
Zdarzenie niestandardowe
Twój kod wysyła pasujące zdarzenie do warstwy danych
Wysłane formularze, zapisy, rezerwacje
Kliknięcie
Odwiedzający klika element lub link
Kliknięcia w linki telefonu i e-maila
Kreator fragmentów kodu
Wpisz identyfikator kontenera widoczny u góry obszaru roboczego Tag Managera. Wszystko powstaje w Twojej przeglądarce.
Identyfikator kontenera
Wygląda dobrze. Wklej oba fragmenty na każdej stronie.
To nie wygląda na identyfikator kontenera. Powinien zaczynać się od GTM-, a po nim litery i cyfry.