Dixital

Para que serve Google Tag Manager e para que se usa


Google Tag Manager é a ferramenta máis usada para a xestión de etiquetas, esas porcións de código HTML que fan que Google Analytics, AdWords, Facebook Ads etc funcionen

O papel e funcionamento de Google Tag Manager resúmese ben na seguinte imaxe, onde é posible ver o enlace estreito con Facebook Ads, Google Analytics, AdWords, etc.

Como podes ver, GTM (Google Tag Manager) é visto como xestor de etiquetas e sitúase entre o sitio web e todas as ferramentas que len e procesan as etiquetas.

Cales son as etiquetas?

Unha etiqueta é un pedazo de código que ten a capacidade de recoller datos desde unha páxina web ou aplicación móbil. Despois de instalar as etiquetas nunha páxina WEB ou nunha aplicación, permiten medir o tráfico, as visitas, o comportamento dos visitantes e moito máis.

Para que sirven as etiquetas?

As etiquetas envían información a aplicacións como Google Analytics, Google AdWords, Facebook Ads, Hotjar, DoubleClick, etc. A información envíase cando se solicita a propia etiqueta, é dicir, actívase mediante un evento específico ao que está asociada a etiqueta.

Despois chegamos aos activadores ...

Que son os activadores?

Os activadores son desencadenantes que defifinalizar un evento (ou hit) que debe ocorrer para que se realice unha determinada acción. Estes eventos son:

  • unha vista de páxina
  • un clic
  • un temporizador
  • un envío de formulario
  • un cambio na historia
  • un erro de JavaScript
  • ou outros eventos personalizados ...

Así, estes disparadores comparan o valor dunha variable co valor predefifinalizado no panel de administración de GTM.

Practicamente unha Etiqueta só se executa se ocorre o evento asociado ao activador.

Dixemos que as etiquetas envían información, gran parte desta información está contida nas variables.

Cales son as variables?

Son elementos que conteñen valores, que se poden modificar e personalizar. As variables poden conter información como:

  • URL do sitio
  • Javascript
  • HTML
  • código de vixilancia
  • ...

As variables poden ser predefirematado por GTM, ou pode ser personalizado segundo os requisitos.

Que é a capa de datos?

A capa de datos (ou variable de nivel de datos) é un tipo particular de contedor de obxectos que se usa para almacenar máis obxectos. Practicamente unha matriz.

Os obxectos contidos pola capa de datos poden ser practicamente de calquera tipo: cadeas, constantes, variables ou outras matrices

Modo de vista previa

Na parte superior dereita temos o botón Vista previa (Depurar/Vista previa), que permite verificar o correcto funcionamento das etiquetas implementadas antes de que sexan publicadas definitivamente.

No modo de vista previa, é posible ver as etiquetas executadas na páxina na que estás, as etiquetas implementadas pero non executadas, o valor das variables e os datos presentes na capa de datos.

Unha vez que faga clic no botón da parte superior dereita, abrirase unha pantalla especial sobre un fondo laranxa (ver a captura de pantalla superior).

Despois de activar a vista previa, sempre no mesmo navegador, vaia ao sitio no que activou a vista previa e verá unha xanela en baixo que lle permitirá ver as etiquetas, as variables e os valores presentes na capa de datos:

Boletín de innovación
Non te perdas as novidades máis importantes sobre innovación. Rexístrese para recibilos por correo electrónico.

Deste xeito, terá a posibilidade de verificar o correcto funcionamento das súas etiquetas e as modificacións relacionadas.

Na esquerda atopará unha lista dos eventos que se despregan na páxina que estás a ver. Como predeterminado, terás 3:

  • exhibición de páxina
  • DOM listo
  • Cargou o Windows

Son acontecementos que se corresponden ben con momentos temporais defirematado ao cargar a páxina HTML. Ao facer clic en cada un dos eventos mostrados, podes ver as etiquetas, as variables e os valores da capa de datos correspondentes.

En particular:

  • na pestana Etiquetas podes ver as etiquetas da páxina, divididas entre as que están activadas durante o evento (disparo) e as que non se activan co evento (non disparadas);
  • premendo na pestana Variables podes ver os detalles adicionais sobre as Variables que están activadas no evento seleccionado;
  • finalmente na capa de datos podes ver o valor que se pasa á capa de datos no evento.

Ferramentas útiles para o Xestor de etiquetas de Google

Asistente de etiquetas de Google é unha extensión do navegador Chrome que permite detectar e amosar en tempo real a presenza de códigos de rastrexo nas páxinas visitadas. Unha vez instalada e activada, verás a icona

na parte superior dereita e podes ver facilmente se na páxina onde estás están instaladas as etiquetas:

  • analítica
  • AdWords
  • Google Tag Xerente
  • DoubleClick
  • etc ...

Ao visitar unha páxina que ten etiquetas, a icona cambiará de cor e amosará o número de etiquetas atopadas. As cores posibles son:

  • Gris: sen etiquetas
  • Verde: polo menos unha etiqueta, está ben
  • Azul: polo menos unha etiqueta e hai suxestións para mellorar as etiquetas na páxina
  • Amarelo: hai unha etiqueta con algúns problemas
  • Vermello: hai unha etiqueta con problemas graves

É posible ter máis detalles sobre cada etiqueta detectada simplemente facendo clic sobre ela.

Tamén pode usar o modo Gravar, co que a extensión grava a secuencia de páxinas visitadas e crea un informe relacionado co tempo de carga das páxinas, as etiquetas detectadas e a información destas etiquetas.

Por exemplo, nun blogue ou nun sitio institucional pode ser útil rexistrar a secuencia de operacións de rexistro de usuarios ou rexistro de boletíns.

Para usar o modo Gravar, cómpre premer rexistro (na parte inferior da xanela anterior), Visita as páxinas desexadas e ao final volva á xanela Asistente de etiquetas de Google e fai clic en deixar de gravar. Para acceder ao informe, faga clic Amosar o informe completo

Premendo na icona da extensión, terás a posibilidade de escoller que evento analizarás:

Sonar GTM

Despois de instalar o complemento Sonar GTM, terá a posibilidade de facer un seguimento das variables e da capa de datos, presente na depuración, durante o cambio de páxina. De feito GTM Sonar bloquea o cambio de páxina, mantendo os datos en depuración.


Ao facer clic en Link Click Listener, o complemento rastrexará todos os eventos que GTM crea automaticamente, é dicir gtm.linkClick para os eventos do tipo de clic nas ligazóns, gtm.click para clics xenéricos e gtm.formSubmit.

Inspector de WASP

WASP Inspector é un complemento de navegador cromo, que permite ver un diagrama con todas as etiquetas e guións instalados na páxina actual:

Facendo clic en calquera etiqueta ou script, quedará en cascada todas as etiquetas, eventos ou elementos relacionados con JavaScript relacionados.

Ercole Palmeri: adicto á innovación

Boletín de innovación
Non te perdas as novidades máis importantes sobre innovación. Rexístrese para recibilos por correo electrónico.

Artigos recentes

Smart Lock Market: informe de investigación de mercado publicado

O termo Smart Lock Market refírese á industria e ao ecosistema que rodea a produción, distribución e uso...

27 marzo 2024

Que son os patróns de deseño: por que usalos, clasificación, pros e contras

En enxeñaría de software, os patróns de deseño son solucións óptimas para os problemas que ocorren habitualmente no deseño de software. son como…

26 marzo 2024

A evolución tecnolóxica da marcaxe industrial

O marcado industrial é un termo amplo que abarca varias técnicas utilizadas para crear marcas permanentes na superficie dun...

25 marzo 2024

Exemplos de macros de Excel escritas con VBA

Os seguintes exemplos sinxelos de macros de Excel foron escritos usando VBA Tempo de lectura estimado: 3 minutos Exemplo...

25 marzo 2024