Google Tag Manager - czyli jak wklejać kod w sekcji head

Google Tag Manager - czyli jak wklejać kod w sekcji head

Istnieje wiele narzędzi, dzięki którym jesteśmy w stanie usprawnić działanie witryny, np. Google Analytics, adWords, Google Search Console, Piksel Facebooka itd. Aby zintegrować je ze stroną internetową, należy wkleić odpowiedni kod w sekcję <head>. Może to doprowadzić do małego chaosu. Na szczęście istnieje darmowe narzędzie, które pomoże Ci nad tym wszystkim zapanować — Google Tag Manager.

Menedżer tagów od Google umożliwia tworzenie niezliczonej ilości tagów dla stron www i aplikacji mobilnych. W praktyce wygląda to tak, że do kodu swojej strony musisz zajrzeć tylko raz — aby zintegrować z witryną Google Tag Managera. Wszelki pozostałe narzędzie będą integrowane z Twoją witryną/aplikacją z poziomu Google tag Managera.

Jak zainstalować Google Tag Manager?

01Tworzymy nowe konto w Google Tag Manager.

Google Tag Manager - czyli jak wkleić kod w sekcji head

02Po utworzeniu konta GTM wygeneruje 2 fragmenty kodu (kontener), które należy wkleić w sekcji head i body strony. Kod jest dostępny w zakładce Admin > Install Google Tag Manager.

Google Tag Manager - czyli jak wkleić kod w sekcji head

03Aby sprawdzić, czy wdrożenie Google Tag Manager przebiegło poprawnie zainstaluj darmową wtyczkę dla przeglądarki - Tag Assistant (by Google). Wtyczka pokaże wszystkie aktywne tagi witryny.

Google Tag Manager - czyli jak wkleić kod w sekcji head

04Dodanie pierwszego tagu przy pomocy Google Tag Manager. Jako przykład posłuży piksel Facebooka (o którym więcej tutaj).

05W panelu GTM klikamy Add a New Tag > Tag Configuration > Custom HTML.

Google Tag Manager - czyli jak wkleić kod w sekcji head

06Wklejamy kod wygenerowany przez Facebooka oraz wybieramy, na których stronach ma zostać wyświetlony tag następnie klikamy Save.

Opcja Reguły (Triggering) w GTM daje możliwość wyboru, na których stronach będzie tag ma być aktywny.

07Po kliknięciu przycisku Save wyświetli się okienko, w którym możemy nazwać tag.

Google Tag Manager - czyli jak wkleić kod w sekcji head

08Aby sprawdzić czy nowy tag działa poprawnie klikamy Preview and Debug. Teraz wystarczy odświeżyć stronę, aby zobaczyć komunikat GTM:

Google Tag Manager - czyli jak wkleić kod w sekcji head

09Jeśli wszystko jest ok, publikujemy.

Google Tag Manager - czyli jak wkleić kod w sekcji head

10Aby dowiedzieć się, czy piksel działa poprawnie użyj darmowej wtyczki dla przeglądarki Facebook Pixel Helper.

Google Tag Manager - czyli jak wkleić kod w sekcji head

Spodoba Ci się również:
Jak utworzyć Piksel Facebooka?
Czy Google widzi Twoją stronę?