Probleme cu auto-event listeners?

Scriam în articolul despre Google Tag Manager că este un produs tânăr de la care încă se așteaptă diverse funcționalități. Între timp, Google a dat drumul la versiunea beta pentru GTM 2.0. Mai multe despre aceasta voi scrie într-un articol separat când va fi o versiune finală, lucru care este așteptat să se întâmple la începutul lui 2015.

Una dintre funcționalitățile principale din GTM este auto-event trackingul. Din versiunea 2.0, nu va mai fi nevoie de un tag separat pentru auto-event listeners și nu va mai trebui să specificăm că event-ul este un click, deci lucrurile se îmbunătățesc. Dar indiferent de versiune, sunt des întâlnite cazurile în care auto-event tracking-ul nu transmite date. Acest articol vine cu o rezolvare punctuală la una dintre principalele probleme în lucrul cu GTM.

Cum funcționează

Pentru a nu fi pus câte un listener în fiecare loc din pagină pe care se poate da click, se pune unul singur într-un document, iar event-ul este propagat până la acesta. Concret, dacă listener-ul este la începutul tag-ului <body>, iar event-ul are loc cu câteva tag-uri mai jos în document, el se propagă în sus până ajunge la listener. De aici intervin și problemele, pentru că propagarea poate fi întreruptă în orice moment. jQuery este cea mai populară librărie de JavaScript, iar aceasta nu permite propagarea event-ului. Problema este des întâlnită la dynamic HTML. Continue reading →

Tags: , , , , ,

Google Tag Manager

Săptămâna aceasta, Google a anunțat lansarea propriului Tag Manager. Fiecare suită serioasă de analytics conține și un tag manager. Cu ce vine nou Google? Ca de obicei, produsul său este gratuit.

Ce este un tag manager?

De fiecare data când apelăm la un nou instrument de analytics, conversion tracking, publicitate comportamentală și nu numai avem de instalat tag-uri (linii de cod suplimentare) în paginile site-ului. În unele cazuri, numărul tag-urilor ajunge să fie ridicat și dificil de gestionat, iar când ele sunt implementate de altcineva acest lucru poate dura. Un tag manager este un container pentru toate aceste tag-uri.

Astfel, adaugi un singur tag în site, cel de la tag manager, după care faci toate celelalte modificări la tag-uri din interfață.

Google Tag Manager

Să vedem ce aduce produsul de la Google:

  • cod asincron, pentru a nu afecta încărcarea paginilor
  • permisiuni pt utilizatori și accesarea din conturi multiple (necesar pt agenții sau echipe mari)
  • tag-uri existente de la care să pornești setarea, pe lângă cele customizate
  • instrumente pentru prevenirea erorilor (Preview mode, Debug console, Version history)
  • colectarea și gestinarea de date dinamice prin Macros (date diverse), Events (click-uri, asemănător cu Event Tracking din Google Analytics, Rules (pentru a adăuga tag-uri doar în unele pagini ale site-urilor)
  • crearea de containere diferite în același cont

După cum se poate vedea, există câteva tipuri de tag-uri predefinite, majoritatea pentru servicii Google, dar și alți furnizori de servicii care necesită instalarea de tag-uri se pot înscrie în program. Mă aștept ca în curând va fi integrat cu toate serviciile majore internaționale. Așa cum sună anunțul Google, marketingul digital a devenit mai simplu. Adaug eu, a devenit mai simplu și pentru cei fără bugete mari care aveau și până acum o astfel de soluție de la un concurent Google 🙂

Tags: , , , , , , , ,

Adobe TagManager a fost lansat

Luna aceasta, Adobe TagManager a devenit disponibil pentru utilizatori. Acest produs vine să rezolve problema managementului tag-urilor (linii de cod) implementate în site-uri de către diferite produse de măsurare/marketing.

Odată instalat Tag Manager, totul se va face dintr-o interfaţă de administrare, nemaifiind nevoie ca martekerul să apeleze la alte departamente de câte ori vrea să facă astfel de schimbări. Un alt beneficiu îl reprezintă optimizarea codului pt tag-uri, lucru care va duce la îmbunătăţirea vitezei de încărcare a paginilor.

Desigur, Adobe a gândit acest produs pentru managementul tag-urilor de la produse proprii (reamintesc că Adobe a achiziţionat Omniture), dar l-a făcut să funcţioneze şi cu celelalte 🙂

În acelaşi produs a fost introdusă şi diagnosticarea tag-urilor, lucru care exista în trecut într-un produs separat numit Adobe DigitalPulse.

Tags: , , , , ,