Ghid implementare Google Tag Manager

Share
Share on facebook
Share on linkedin
Share on twitter
Sorin Draghici

# 1. Creare cont Google Tag Manager:

 

  • Se acceseaza aceasta pagina: https://tagmanager.google.com/
  • Se introduc datele de acces, aceleași ca pentru contul de Google Analytics și Google Search Console, cele de “owner”. 
  • Dupa login, se ajunge aici: https://tagmanager.google.com/#/home
  • Se selecteaza butonul “Create account”.
  • Se completeaza campurile: Account name, Country, Container name, se selecteaza “Web” si se apasa butonul “Create”. Detalii in screenshot-urile de mai jos: 

pas1

# 2. Implementare Google Tag Manager

Se copiaza urmatorul cod JS imediat dupa (sau cat mai aproape de) <head>, dupa inlocuirea GTM-XXXX cu container-ID-ul copiat din Google Tag Manager:

<!– 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 –>

 


Se copiaza urmatorul cod imediat dupa <body>, in fiecare pagina din site, dupa inlocuirea GTM-XXXX cu container-ID-ul copiat din Google Tag Manager:

<!– Google Tag Manager (noscript) –>

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

 

In acest moment, avem un cont de Google Tag Manager, este instalat Tag Manager in site, dar nu are niciun efect, neruland niciun tag.

# 3. Creare tag Google Analytics

In Google Analytics, se merge la admin > Property – Tracking Info – Tracking code:

pas_3

Dupa click pe “Tracking code”, se poate vedea (si copia) container ID-ul, necesar in Google Tag Manager:

tracking_id

In Google Tag Manager, se creaza un tag nou:

new_tag

Dupa apasarea butonului de creare de tag nou, se ajunge intr-o fereastra cu 2 sectiuni: Tag configuration si Triggering. Deci orice tag trebuie configurat, apoi trebuie setata o conditie pentru ca tag-ul sa functioneze (trigger).

Configurare tag (tag configuration):

tag_configuration

Primul pas este sa se dea o denumire tag-ului, selectand zona “Untitled Tag” din partea de sus. Noi am folosit “Tag GA de test”.

Apoi, apasam butonul de configurare a tag-ului, si primim o lista de tipuri de tag-uri predefinite:

ga_default_tag

Din aceasta lista, pentru a crea un tag de Google Analytics, selectam chiar primul tip: Google Analytics: Universal Analytics

Se apasa apoi pe tag-ul selectat, obtinand urmatorul ecran, de unde se apasa pe “Select Settings Variable”, alegand optiunea “New Variable…”:

ga_tag

Primim urmatorul ecran:

ga_container

Aici am avut 2 actiuni de realizat: denumirea variabilei si copierea codului de tracking in casuta “Tracking ID”. La final se apasa “Save”.

In acest moment, tag-ul este configurat, dar nu ruleaza pentru ca nu s-a setat un trigger.

Apasam butonul de configurare a trigger-ului:

trigger

Ajungem in urmatorul ecran:

choose_trigger

Aici gasim deja predefinit un trigger: All Pages. Este exact ceea ce ne trebuie, intrucat tag-ul GA trebuie sa ruleze pe toate paginile site-ului. Il selectam, si ajungem inapoi in ecranul de configurare a tag-ului:

trigger_selectat

Se pot adauga exceptii de la regula “all pages”, in situatia in care nu se doreste raportarea traficului in anumite pagini din site. In marea majoritatea cazurilor, nu este necesar sa se adauge astfel de exceptii.

Mai departe: apasam butonul “Save”. In acest moment, tag-ul este configurat si revenim in pagina Tags:

tag_ready

Se apasa “Submit” , dupa care ajungem in ecranul:

ready to publish

Tot ce am facut aici a fost sa dam o denumire versiunii containerulul, in campul “Version Name”, si sa adaugam detalii despre ce anume am facut / modificat in aceasta versiune, in campul “Version Description”.

 

# 4. Publish

Ultimul pas constă in apasarea butonului Publish.

Scris de
Sorin Draghici

Articole asemanatoare

Cookies

Acest site foloseste cookies. Confidentialitatea datelor