Google Tag Manager es un sistema de gestión de etiquetas necesarias para el buen funcionamiento de muchas herramientas de analítica, anuncios u optimización. Este gestor de etiquetas lanzado por Google en 2012, nos permitirá, una vez instalado y configurado, no tocar ni insertar, ni una sola línea de código más de nuestro sitio web. De esta forma, mantendremos al mínimo las líneas de código y disminuiremos las llamadas a servicios de terceros.
Utilizar Google Tag Manager como agregador y gestor de etiquetas tiene múltiples ventajas respecto a la instalación directa de herramientas como Google Analytics en nuestro sitio web.
Servicios como el mencionado Google Analytics, Google Ads o Facebook Ads están trabajando continuamente en segundo plano y, aunque son necesarias para monitorizar el tráfico y comportamiento de nuestros usuarios, hacen que los recursos de la web estén más saturados. Esta forma de operar, hace que Tag Manager sea una herramienta perfecta para evitar tocar algo que haga que nuestra web deje de funcionar correctamente.
Gracias a su interfaz web limpia y usable, esta herramienta facilita tanto la inserción de nuevos snippets como la inserción de códigos de los que dependen múltiples herramientas de monitoreo como las que hemos comentado previamente. Desde su panel de control, podremos controlar todos estos códigos a través de distintas etiquetas. Es por este motivo por el que, una vez tengamos Tag Manager operativo, podremos gestionar las etiquetas y códigos sin tocar el código fuente de nuestro sitio web.
Contenidos
Google Tag Manager: Configuración de cuenta
Google Tag Manager trata de sincronizarse con nuestro sitio web y, para ello, necesita que insertemos dos códigos; uno dentro de la dentro de la etiqueta <head> y otro dentro de la etiqueta <body>. Para obtenerlos, necesitaremos, lo primero de todo, dirigirnos a Google Tag Manager y crear una nueva cuenta. Podremos utilizar nuestra cuenta de Gmail o Google Workspace para iniciar sesión. Cuando tengamos acceso a Google Tag Manager, lo primero que veremos será una interfaz limpia que nos invitará, con el botón azul de «Crear cuenta» a crear nuestra primera cuenta de GTM.
Tras hacer click en «Crear cuenta», llegaremos a un formulario que deberemos rellenar con los datos de nuestro sitio web, App de iOS o Android o AMP.
Tras crear la cuenta, llegaremos al «Acuerdo de Condiciones de Servicio de Google Tag Manager» que deberemos aceptar tras seleccionar nuestro idioma.
En el paso siguiente, Google Tag Manager nos facilitará los códigos que comentamos al principio. Un primer código para insertar en la etiqueta <head> tan arriba como sea posible y un segundo código que deberemos insertar inmediatamente después de la etiqueta <body> de apertura.
Google Tag Manager: Insertar los códigos
- Si tienes conocimientos de HTML, no deberías tener ningún problema en insertar estos códigos.
- Si utilizas un CMS como WordPress, asegúrate de usar un child theme o tema hijo para evitar que el código de Google Tag manager desaparezca tras una actualización del tema que utilices.
- En caso de que no tengas los conocimientos suficientes, pídeselo a alguien que pueda hacer la implementación de forma segura.
Google Tag Manager: configuración final
Una vez tengamos los códigos insertados es muy importante que, tras presionar Aceptar, enviemos y publiquemos los cambios para dejarlo todo listo.
Para saber si la configuración está correctamente realizada, utilizaremos Tag Assistant, una extensión para Google Chrome, que nos permitirá comprobar de una forma muy sencilla si la implementación ha sido realizada correctamente. Si todo ha ido bien, tras instalar la extensión y hacer click sobre el icono de la misma, en la barra de herramientas de Google Chrome, se debería desplegar una ventana con el contenido de la siguiente captura, que nos indique el estado de la instalación de la etiqueta.
