Google Tag Manager - Jak zainstalować?

Pracując z dużymi markami nie raz spotkałem się z sytuacją, kiedy wdrożenie jakiejkolwiek zmiany na stronie internetowej stanowiło problem niemalże nie do pokonania. Wychodząc na przeciw potrzebom rynku, Google utworzyło narzędzie będące błogosławieństwem dla wielu Project Manager’ów lub E-commerce Manager’ów. Google Tag Manager, o którym mowa powyżej swoją pierwszą odsłonę miał w październiku 2012, dziś jest podstawowym narzędziem wielu marketerów.

Menedżer tagów Google jest szybkim i łatwym w obsłudze narzędziem, umożliwiającym dodawanie oraz aktualizację fragmentów kodu w witrynach internetowych lub aplikacjach mobilnych. Wykorzystywany jest głównie do wdrażania optymalizacji działań marketingowych, analizy ruchu czy integrowania z innymi narzędziami tj. Google AdWords, Google Analytics, Google Search Console lub wieloma innymi nie będącymi w portfelu Google.

Z czego składa się Menedżer Tagów Google?

Google Tag Manager składa się z czterech podstawowych elementów:

Kontener – kod wklejony bezpośredni na stronę, w którym przechowywane będą wszystkie tagi,
Tagi – kod lub wiele kodów wklejonych za pomocą GTM na stronę. Przykładami tagów mogą być np. kody konwersji, kody remarketingowe czy podstawowy kod Google Analytics,
Reguły – warunki na podstawie, których mają być uruchamiane tagi,
Makra – służą do automatyzacji powtarzających się czynności podczas pracy z tagami
i regułami.

Od czego zacząć instalację Google Tag Manager?

Instalację kodu kontenera GTM powinieneś rozpocząć od umieszczenia w sekcji <head> poniższego JavaScript’u. Kod ten powinien znaleźć się najwyżej jak to tylko możliwe:

<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXX');</script> 
<!-- End Google Tag Manager -->

Kolejnym krokiem jest umieszczenie poniższego kodu bezpośrednio po otwarciu znacznika <body>:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

W powyższym przykładzie pogrubiony został kod ID kontenera. ID nadawane jest zaraz po utworzeniu konta w panelu GTM: https://www.google.com/analytics/tag-manager/:

Po utworzeniu profilu w panelu Google Tag Manager konta, system automatycznie otworzy pop-up (wyskakujące okno) w którym prezentowane są oba powyższe kody z umieszczonym właściwym ID oraz miejscem ich wklejenia.

UWAGA!!!
Kontener GTM powinien zostać wklejony na każdej podstronie strony internetowej. W przeciwnym wypadku może się okazać, że tagi np. związane Google Analytics nie będą zbierały informacji na temat użytkowników odwiedzających podstrony gdzie kod nie został dodany.

Kilka słów na temat GTM od Google: