Ce este Google Tag Manager? Cu ce ajuta GTM ? Cum se configureaza si cum se utilizeaza GTM?
Google si Manager stim ce inseamna, dar la ce se refera Tag (?) este intrebarea cea mai relevanta. Tag inseamna Eticheta, si asemenea unei etichete, tagul este un text scurt ce contine informatii importante despre pagina de care este atasat, asa cum este eticheta unui produs fizic.
Un Tag sau Snippet este un mic bloc de cod in format text, de regula scris in JavaScript, care este introdus de obicei in sectiunea <head> … </head> a unui document HTML , mai simplu spus, in antetul unei pagini web dintr-un web-site pe internet. Un tag poate fi introdus si in corpul paginii in sectiunea<body> … </body>, adica in partea vizibila a unei pagini web, cea care este vazuta de de vizitatorul site-ului.
Iata cateva exemple de tag-uri frecvent folosite pe paginile de internet:
- Google Analytics Tracker Tag
<!– Global Site Tag (gtag.js) – Google Analytics –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=UA-41135113-1″></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag(‘js’, new Date());gtag(‘config’, ‘UA-411xxxxx-x’);
</script>Google Analytics este serviciul de monitorizare si masurare a traficului generat de utilizatori si oferit gratuit de Google, in baza unei adrese de Gmail.
- Facebook Pixel Tracker Tag
<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=’2.0′;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);fbq(‘init’, ‘1766xxxxxxxxxxx’);
fbq(‘set’,’agent’,’tmgoogletagmanager’, ‘1766xxxxxxxxxxx’);
fbq(‘track’, „PageView”);
</script>Pixelul Facebook functioneaza asemenea tag-ului Google Analytics si faciliteaza monitorizarea site-ului de catre serviciul gratuit de Facebook.
Principiul de functionare al unui Tag sau Code Snippet este urmatorul:
De fiecare data cand solicitam prin web-browser (Chorme, Internet Explorer, Firefox, Safari), de pe desktop, mobil sau tableta, o pagina web ce contine un tag, blocul de cod din tag se executa si transmite catre serverul (serviciul) de care apartine (google, facebook), date despre solicitarea efectuata. Se transmit foarte multe informatii cum ar fi: locatia, data si ora, dispozitvul folosit, sursa solicitarii, pagina anterioara, destinatia de iesire, termenii de cautare folositi pentru a ajunge la pagina etc.
Exista diverse modalitati de a introduce un tag intro pagina web, in functie de tipul de site, CMS sau aplicatia web instalata pe serverul unde este gazduit domeniul. In cazul paginilor HTML simple (pagini statice), codul unui tag se adauga manual in fiecare pagina, prin simpla modificare a paginii cu ajutorul unui editor de fisiere text (txt, html, php etc.) In cazul paginilor dinamice, care se compun ad-hoc la fiecare cerere sau solicitare (click pe link sau introducerea unui URL in browser), codul unui tag trebui introdus in fisierele corespondente antetului sau subsolului unei pagini web, de ex. header.html, footer.php.
Important este ca tagul sa fie inclus pe pagina.
Se poate ajunge la un numar foarte mare de taguri necesare, mai ales daca site-ul are multe pagini si exista diverse situatii in care dorim sa includem taguri pe pagina sau sa nu avem taguri incluse, sau sa avem taguri cu anumite valori, cum este situatia in cazul magazinelor online unde trebuie raportata valoarea produselor cumparate in Analytics.
Aici intervine GTM, care functioneaza tot pe baza unui tag. Acesta trebuie introdus in fiecare pagina pe care dorim sa o monitorizam. Ideea este ca, folosind un singur tag GTM, asemenea unui container, prin interfata online oferita gratuit de Google, avem posibilitatea sa administram ce tag-uri sunt incluse doar in anumite conditii, in mod elegant si fara sa accesam codul sursa al paginilor sau fisierele interne ale aplicatiei web (WordPress, Joomla, Drupal, Site Static).
Cum se configureaza si cum se utilizeaza Google Tag Manager?