Unelte debugging Google Tag Manager

Daca in teorie GTM incearca sa faciliteze cursul Marketing <-> Developer, in realitate, pentru un developer ramane la fel de neimportanta lipsa unui tag de remarketing de pe site, ca si pentru un marketer procesul de implementare a unui tag (e doar un copy-paste).

Adevarul este undeva la Darwin, dar daca intr-un final tu vrei codul de remarketing pe site ASAP, va trebui sa ii explici developer-ului de unde sa dea copy si unde sa faca paste.

Pentru asta, in ordinea utilitatii marginale a.k.a random, am enumerat mai jos o serie de unelte pe care le folosesc in diverse momente ale implementarii GTM.

Google Tag Assistant

Este o extensie pentru Google Chrome care ofera informatii si sugestii de imbunatatire referitoare la tag-urile oferite de Google. Printre ele avem Google Analytics, AdWords Remarketing + Dinamic cu verificare in feed, Conversii AdWords, Google Tag Manager, Website Call Tracking, Floodlight..


tagAssistant

Dataslayer

Desi pare ca avem toate datele necesare, disponibile in Tag Assistant, exista cazuri unice pentru care avem nevoie de unelte diferite. De exemplu, daca avem o pagina cu redirect (ex:formular -> thanks), datalayer-ul din formular se pierde pentru Tag Assistant in pagina thanks. ( dataLayer-ul este rescris la fiecare incarcare de GTM)

Pentru cazuri de genul, avem extensia Dataslayer care pastreaza istoricul.

Datele apar structurate intr-un tab din consola pentru developeri (F12). In exemplul de mai jos se vede istoricul navigarii si datele din dataLayer.

dataslayer

GTM Sonar

Poate un tool cu care trebuia sa incep, GTM sonar permite simularea comportamentului GTM in cazul celor trei listener-uri principale (gtm.click, gtm.linkClick si gtm.formSubmit). Mai exact, se pot detecta elementele citite de GTM, inainte ca acesta sa fie implementat pe site.

Extensia se activeaza prin butonul din bara de extensii, iar elementele trimise se verifica prin accesarea variabilei dlDebug din consola Google Chrome.Util in special in momentul in care se stabileste lista de cerinte pentru developeri. Poate este necesar un ID pentru un anumit element, poate propagarea event-ului de form submit este blocata, poate…

In 4 pasi simpli simulez datele trimise catre GTM la click pe link-ul Cornel Coman.

  1. GTMSONAR1
  2. GTMSONAR2
  3. GTMSONAR3

GTMSONAR4

 

Google Tag Manager Injector

Un GTM Sonar mult mai avansat care poate imita comportamentul intregului container inainte ca acesta sa fie publicat pe site. (netestat inca)

GTM Tools

Permite clonarea rapida a tag-urilor, event-urilor, variabilelor dintr-un container catre unul nou.

Util in cazul in care exista localizari ale aceluiasi site (.com -> .sucks) sau intre proprietati diferite bazate pe aceeasi platforma. Are si un visualizer misto care arata legaturile intre elemente.. de vazut.

Magento->Magento (verificarea atenta)

gtmtools

 

Consola Google Chrome (Ctrl+Shift+J sau F12)

Deja amintita mai sus, consola Google Chrome ramane cea mai buna varianta disponibila, dar care chiar merita un articol dedicat. De exemplu, tastand denumirea variabilei dataLayer, consola va afisa intregul continut al variabilei.

simoDL

Code Editor for GTM

Rescrie interfata GTM pentru sectiunea de Custom HTML tags cu una mai prietenoasa pentru developeri.

Sa nu uitam, insa, ca Google Tag Manager este un INJECTOR DE COD, iar asta poate duce la bube majore fara o comunicare coerenta.

———————————————–

Pentru intrebari, comentarii si corectari, exista HotSeat, pentru caring exista butoane de sharing si domenii .xxx, iar pentru mai multe informatii exista Google!

 

Leave a Reply

Your email address will not be published. Required fields are marked *