Capitol gratuit

Cont, container și instalare

Accesați tagmanager.google.com și autentificați-vă cu un cont Google Apăsați Creați cont și introduceți numele companiei Introduceți numele containerului (...

Creare cont Google Tag Manager

  1. Accesați tagmanager.google.com și autentificați-vă cu un cont Google
  2. Apăsați Creați cont și introduceți numele companiei
  3. Introduceți numele containerului (de obicei domeniul site-ului, ex: goai.ro)
  4. Selectați platforma containerului
  5. Acceptați Termenii și Condițiile de utilizare a serviciului Google Tag Manager

Tipuri de containere

Tip containerUtilizare
Website-uri clasice (WordPress, Laravel, magazine online)
iOSaplicații native iOS, prin Firebase
Androidaplicații native Android, prin Firebase
AMPpagini Accelerated Mobile Pages
Servercontainer server-side, găzduit pe infrastructură proprie sau Google Cloud

Fiecare container primește un identificator unic în formatul GTM-XXXXXXX. Acesta este identificatorul pe care îl folosiți la instalare și pe care îl regăsiți în toate documentațiile.

Codul de instalare

La crearea containerului, Google vă oferă două fragmente de cod, ambele obligatorii:

1. Codul din <head> (cât mai sus posibil)

<!-- 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-XXXXXXX');</script>
<!-- End Google Tag Manager -->

2. Codul din <body> (imediat după deschiderea tag-ului)

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Atenție: codul din <head> trebuie plasat cât mai sus posibil, înaintea altor scripturi, pentru ca dataLayer să existe deja când se încarcă restul paginii. Codul <noscript> din <body> asigură funcționarea de bază și pentru vizitatorii cu JavaScript dezactivat.

Instalare pe platforme populare

PlatformăMetodă recomandată
WordPressplugin dedicat (ex: GTM4WP, sau câmp GTM ID în tema/plugin SEO) sau inserare directă în header.php
Laravel / Bladeinserare directă în layout-ul principal, în secțiunile <head> și <body>
Shopifyinserare în theme.liquid, secțiunile head și body
Google Tag Gateway / Serverconfigurare la nivel de proxy sau CDN, servește GTM din același domeniu ca site-ul

Fluxul de publicare

Orice modificare pe care o faceți în GTM se face inițial într-un Workspace (spațiu de lucru), vizibil doar dvs., și nu afectează vizitatorii site-ului până când nu apăsați butonul Submit (publicare).

  1. Faceți modificări în Workspace (adăugați/editați tag-uri, triggere, variabile)
  2. Testați cu modul Preview (detaliat în Capitolul 10)
  3. Apăsați Submit pentru a crea o versiune nouă
  4. Adăugați un nume și o descriere pentru versiune
  5. Apăsați Publish - modificările devin live
Sfat: descrieți întotdeauna clar ce ați modificat la fiecare publicare („Adăugat tag conversie Google Ads pentru formularul de contact"). Vă va economisi timp mult mai târziu, când căutați o modificare în istoric.

Erori frecvente la instalare

SimptomCauză probabilă
GTM nu apare deloc în Previewcodul din <head> lipsește sau are ID-ul de container greșit
Tag-urile se declanșează de două oricodul GTM a fost inserat de două ori (ex: manual și printr-un plugin)
Evenimente lipsă pe primele secunde ale paginiicodul GTM este plasat prea jos în <head>, după alte scripturi blocante
Container funcționează în Preview, dar nu pe livemodificările au fost salvate în Workspace, dar nu au fost publicate (Submit + Publish)

Exemplu de inserare în Laravel Blade

{{-- resources/views/layouts/app.blade.php --}}
<head>
...
@include('partials.gtm-head')
</head>
<body>
@include('partials.gtm-body')
...

Separarea codului GTM în fișiere partial dedicate facilitează activarea/dezactivarea rapidă pe medii de staging, fără a căuta codul în tot layout-ul.

Sfat: pe medii de staging sau dezvoltare, folosiți un container GTM separat (sau dezactivați codul complet), pentru a nu trimite date de test în conturile reale de GA4 și Google Ads.

Continuați cu restul cursului

Acesta este capitolul 2 din cele 14 ale cursului, cu 7 lecții din 110. Cumpărați cursul și parcurgeți tot conținutul în cont, cu progres salvat, test final și certificat.

Cumpărați cursul la 110 €