Tag Manager, History Listener, Google Analytics, Virtual Pages

Zilele trecute am implementat Google Tag Manager pe HotSeat.Ro si m-am si jucat putin cu el. Printre altele mi-am propus sa monitorizez fiecare sectiune a paginii ca fiind o pagina separata in Google Analytics. Fiecare sectiune este marcata de un fragment identifier (textul aflat dupa caracterul# in bara de adresa) si poate fi folosit in general pentru a trimite exact pe sectiunea dorita din pagina (de exemplu:formularul de inscriere ).

Problema este ca in mod natural Google Analytics nu face asta, deoarece nu exista o reincarcare a codului pe o pagina cu un URL diferit.

Solutia, am gasit-o pe blogul unuia dintre autorii (omul asta chiar scrie epic despre Tag Manager) mei preferati Simo Ahava.

Mai exact, am folostit event-ul historyChange pentru a trimite pagini virtuale in Google Analytics.

Pasul 1:

Crearea Tag-ului de “ascultare” pentru event-uri de tip historyChange pentru toate paginile site-ului.

history listener tag manager

 

Pasul 2:

Setarea unei reguli de declansare pentru tag-uri in momentul in care event-ul historyChange este declansat, event declansat automat de tag-ul creat anterior in momentul in care se detecteaza o schimbare.

Screen Shot 2014-09-15 at 9.56.31 PM

 

Pasul 3:

Trimiterea sectiunii ca si pagina virtuala in Google Analytics in momentul in care eventul historyChange este declansat.

Variabila {{history new url fragment}} este populata automat la fiecare activare a event-ului history change.

Screen Shot 2014-09-15 at 9.21.09 PM

Screen Shot 2014-09-15 at 9.21.32 PMPasul 4:

Blocarea codului global de Google Analytics (All Pages) pentru a evita dubla incarcare.

Screen Shot 2014-09-15 at 9.50.57 PM

 

Rezultatul final ar trebui sa arate asa:

Resurse:

https://support.google.com/tagmanager/answer/3415369?hl=en#HistoryListener

http://www.simoahava.com/analytics/google-tag-manager-history-listener/

 

 

 

Leave a Reply

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