Google Tag Manager: herramienta de snippets de seguimiento y testeo

Cuando integras servicios externos en tu página web para medir su éxito o las campañas publicitarias lanzadas, por lo general tienes que hacer malabarismos con un gran número de fragmentos de código. Esto requiere, además de ciertos conocimientos en programación, una amplia visión general de todas las métricas necesarias. Si no es posible acceder directamente al código base, se debe contactar al programador responsable cada vez que se implementen nuevos servicios de análisis y seguimiento. Como solución a este problema, Google lanzó Google Tag Manager hace unos años, una herramienta que simplifica enormemente la integración de los códigos.

En octubre de 2012, Google lanzó Google Tag Manager (GTM), un sistema de gestión interno para integrar y gestionar etiquetas JavaScript y HTML. Mientras que la primera versión fue diseñada principalmente para Analytics, AdWords y DoubleClick, herramientas desarrolladas por Google, desde la versión 2 (2014) el Tag Manager soporta un número cada vez mayor de etiquetas de terceros, especialmente gracias a la publicación de la API oficial. ¿Qué es Google Tag Manager? Esta herramienta no se limita a la implementación de herramientas de análisis y conversión, sino que también permite la integración de etiquetas de remarketing y afiliados, así como de fragmentos de código de herramientas de testeo como AB Tasty o Mouseflow (herramienta de mapas térmicos) con la ayuda del software de Google en el proyecto web deseado (páginas web y apps móviles).

Para utilizar Google Tag Manager no necesitamos acceder ni manipular código de forma constante. La herramienta nos proporciona un código único que se coloca en el área del encabezado y del cuerpo de la página web y que hace de contenedor: todas las implementaciones posteriores se realizan a través de la interfaz web de Google Tag Manager. El fragmento de contenedor funciona como una ubicación central desde la que se reproducen colectivamente todas las etiquetas que se configuran mediante la interfaz del navegador. Los cambios posteriores en un fragmento también pueden realizarse directamente en el gestor de etiquetas. Si ya no necesitas una etiqueta, simplemente tendrás que eliminarla del contenedor.

Para garantizar que el fragmento que hace de contenedor capture las interacciones y la información deseadas de los usuarios y las transmita a los servicios correspondientes, es necesario crear las etiquetas y los activadores adecuados en Google Tag Manager. Las variables también pueden utilizarse para especificar estos dos elementos básicos de la herramienta de Google. Para los tres componentes hay diferentes opciones predefinidas listas para usar, pero también puedes realizar tus propios ajustes si lo deseas. A continuación te mostramos exactamente qué funciones tienen las etiquetas, los activadores y las variables.

Las etiquetas son las unidades de control central de Google Tag Manager: determinan qué información se envía a qué servicios y están disponibles en forma de código. En principio, las etiquetas no son más que los snippets que se incluyen en el código HTML. Además de las etiquetas estándar, hay etiquetas JavaScript especiales que no reenvían información pero activan etiquetas adicionales. Google Tag Manager generalmente carga todas las etiquetas de un contenedor de forma independiente entre sí y en paralelo a otros elementos de la página web. Un mecanismo inteligente de almacenamiento en el caché optimiza el número de peticiones que el servidor web tiene que responder para realizar estas acciones.

Con los activadores, en Google Tag Manager se define bajo qué condiciones debe usarse una determinada etiqueta. Específicamente se trata de las acciones o eventos del usuario que conducen a la ejecución de un código, es decir, a su "activación". Estas pueden ser simples vistas de página, ventanas cargadas o la aparición de mensajes de error, pero también clics activos de los visitantes en una interfaz determinada. También puedes configurar un formulario, la suscripción al boletín de noticias o el visionado de un vídeo como activador de etiquetas. Es posible utilizar el mismo activador para varias etiquetas.

Si deseas refinar la configuración de las etiquetas y activadores, puedes utilizar las variables del administrador de etiquetas, que permiten introducir valores dinámicos para las etiquetas. Si, por ejemplo, es necesario el rastreo de cierta información como la transferencia de transacciones o de productos comprados en una tienda online, pueden utilizarse variables para controlarlo. Las variables se utilizan para especificar los activadores: mientras que un activador simplemente define que una etiqueta debe ejecutarse tan pronto como se llama a una página, puedes utilizar una variable para determinar exactamente qué página(s) o URL deben ejecutarse.

Google Tag Manager ofrece muchas ventajas para cualquiera que trabaje con diferentes herramientas de seguimiento y análisis por varias razones. Resumimos los beneficios de este software de Google:

• El almacenamiento en caché de etiquetas minimiza las solicitudes del servidor y acorta el tiempo de carga de las páginas web.
• Optimización general del código fuente.
• Integración y administración sencilla y cómoda de todas las etiquetas a través de una única interfaz web después de un acceso único y necesario al código fuente.
• El bloqueo permanente de fragmentos o tipos de fragmentos de código no deseados aumenta el nivel de seguridad de tu página web o app.
• Varias plantillas listas para usar para etiquetas, variables y activadores.
• Comprobación automática de las etiquetas usadas en modo de vista previa y depuración.
• Registro de toda la actividad de las etiquetas y los cambios en la configuración de la cuenta de Google Tag Manager.

¿Cómo usar Google Tag Manager para tu propia página web o aplicación? Dado que Tag Manager está basado en la web, no es necesaria ninguna instalación: puedes acceder a la interfaz a través de cualquier navegador común. Además, se trata de una herramienta gratuita, por lo que puedes empezar a utilizarla en cualquier momento. El único requisito es tener una cuenta de Google válida. Si ya utilizas servicios como AdWords, Gmail o Google Drive, ya dispones de una cuenta; de lo contrario, deberás dirigirte a la página de Google y crear una cuenta para acceder a Google Tag Manager.

Guarda la etiqueta de Google Analytics recién creada en el botón “Guardar” y selecciona "Guardar etiqueta" en la ventana que aparece. Puedes copiar el nombre propuesto de la etiqueta sin cambios.

Pulsa en "Guardar" y selecciona un nombre adecuado para el nuevo activador.

Haz clic en "Publicar" para completar la conexión de tu primera versión del contenedor de etiquetas.