Qué es Google Tag Manager

El objetivo de Google Tag Manager es dar a diseñadores web sin conocimientos de programación la capacidad de implementar etiquetas en una página web.

¿Qué son las etiquetas en Tag Manager?

Las etiquetas son pequeñas inserciones de código en el backend, o las tripas de código, de nuestra web que nos permiten enviar cierta información a aplicaciones externas o bien medir ciertos eventos en nuestra página web. Ver el ejemplo ilustrado a continuación Por ejemplo, hay una etiqueta dentro de Google Tag Manager que es la etiqueta de Universal Analytics. Esta etiqueta una vez implementada en nuestra web mandará toda la información necesaria a Google Analytics para medir las sesiones que ha tenido nuestra página web, los usuarios, las páginas vistas, etc… Otro ejemplo de etiqueta dentro de Tag Manager sería introducir el pixel de Hotjar, una aplicación que permite generar mapas de calor de nuestra página web para ver dónde los usuarios han estado más tiempo navegando, dónde han hecho click, etc… Otros ejemplos que nos permiten las etiquetas de Tag Manager:

• Envíos de formularios
• Visualizaciones de videos
• Realización de encuestas
• Generación de mapas de calor
• El remarketing
• Descargas de archivos
• Clics en ciertos enlaces 
• Artículos que se incluyen o eliminan de un carrito de la compra
• Transacciones ecommerce
• etc…

En términos generales se puede medir todas o casi todas las acciones o  eventos que ocurren dentro de una página web. En función del tipo de evento vamos a requerir un tipo de etiqueta u otra y va a ser más sencillo o más complicado instalarla

Ventajas de Google Tag manager

Reduce la dependencia de los desarrolladores web

El mayor beneficio de Google Tag Manager o GTM es que facilita implementar etiquetas sin tener que depender de desarrolladores web. Los desarrolladores generalmente están ocupados con otros proyectos de alta prioridad, por lo que el etiquetado a menudo termina en segundo plano. Por no hablar del precio que estos cobran.

Evita tocar el código fuente

Otra de las ventajas es que GTM evita tocar el código fuente de la página web, los especialistas en marketing pueden agregar y realizar cambios en las etiquetas por su cuenta rápidamente. Esta es una gran ventaja si, por ejemplo, solo necesitas usar una etiqueta para recopilar datos durante un período de tiempo muy breve. Si implementas etiquetas directamente en el código fuente puede ser que estas se eliminen cuando hay algún tipo de actualización del CMS.

Desventajas de Google Tag manager

En función de la etiqueta todavía requiere alguna implementación técnica

Aunque GTM ayuda a reducir la dependencia de los desarrolladores, no lo elimina por completo. Aún se necesita que alguien agregue el código del contenedor a cada página de tu sitio. Y aunque GTM tiene muchas plantillas de etiquetas para elegir, que son lo suficientemente fáciles para que un no desarrollador pueda implementarlas, las etiquetas personalizadas son más complejas y probablemente requerirán la ayuda de alguien que realmente entienda el código.

Duplicidad de etiquetas

Si tienes etiquetas existentes que se agregaron manualmente al código fuente de tu sitio web, deberás eliminarlas primero para que no termines con datos duplicados.

Componentes de GTM

La interfaz de GTM para crear y administrar etiquetas es bastante sencilla. Sin embargo, antes de que puedas empezar a trabajar sobre ella son necesarios cuatro conceptos básicos para poder aclararte.

Contenedores

Cuando comiences a trabajar con GTM, lo primero que deberás hacer es crear un contenedor. Un contenedor esencialmente “contiene” todas las etiquetas de tu sitio web. Normalmente un contenedor se asocia a una página web. A no ser que se quieran tener diferentes contenedores para una misma página web. Esto tendría sentido si tenemos una página web muy diferenciada y gestionada con dos CMS’s diferentes. Sin embargo si estás gestionando una página web montada sobre un Wordpress, lo más normal es que tu contenedor sea exactamente lo mismo que tu página web. Después de crear un nuevo contenedor, GTM te proporciona un código para que insertes en tu página web. Este es tu código de contenedor y deberá agregarse al código fuente para que se muestre en cada página de tu sitio. Algunos CMS, como Wordpress, tienen complementos o plugins para agregar el código del contenedor. Si no trabajas con Wordpress es posible que debas contratar a un  desarrollador web para que lo agregue. Una vez que haya hecho esto, podrás agregar, editar, deshabilitar o eliminar etiquetas según sea necesario a través de GTM y no dependerás tanto de ellos.

Disparadores o triggers

Cada etiqueta de tu GTM debe cumplir un propósito específico. Quizás deseas que una etiqueta envíe información cuando alguien descargue un archivo, cuando se haga clic en un enlace saliente o cuando se envíe un formulario. Este tipo de eventos se activan a través de disparadores. Es importante que tengas en cuenta que cada etiqueta que crees debe tener por lo menos un disparador y puede ser que tenga más de uno. Si creas una etiqueta pero ésta no tiene asignada ningún disparador, no va a enviar ningún tipo de información a ninguna aplicación externa y por lo tanto no va a hacer nada. Los disparadores se pueden dividir en dos componentes principales: eventos y filtros. Cuando vayas a configurar un activador en GTM, te aparecerá una larga lista de tipos de activadores a elegir. Estos son tus eventos. Una vez que elija un evento, podrás configurar tu filtro. Los filtros se pueden dividir más abajo en tres partes:

• variables
• operadores y
• valores.

Hablaremos más sobre las variables en solo un minuto, pero en este caso, se refiere al tipo de variable involucrada. El operador le dice a la etiqueta si un evento debe ser igual (o si debe ser mayor o menor que un cierto valor, contener un cierto valor, etc.) Y, por supuesto, el valor es la condición que debe cumplirse. Aunque la palabra “valor” se usa típicamente en referencia a números y precios, recuerda que en este caso, no necesariamente tiene que ser un valor numérico. En muchos casos, tu valor será algo así como una URL o una palabra clave. Por ejemplo, supongamos que quieres analizar cuántas personas leen el contenido del blog en tu web. Podrías crear una etiqueta con un activador de evento de scroll o de desplazamiento que se dispare cuando alcance el 75% del contenido de la página visto. Si quisieras que esto se activara en cada página de tu página web, podrías dejar la opción “Todas las páginas” seleccionada en el cuadro de configuración del activador y no tendrías que crear más filtros. Pero como nos estamos centrando en el contenido del blog, deberías elegirir “Algunas páginas” y crearías el filtro de “URL de la página” “Contiene” “cronuts.digital/blog”. También puede haber algunas circunstancias en las que no desees que se active una etiqueta. En este caso, puedes crear un disparador de bloqueo para evitar que se dispare en ciertas ocasiones. Debes saber que GTM prioriza los activadores de bloqueo sobre los otros activadores, por lo que si tienes un activador de bloqueo que contradice una condición establecida por otro activador, google Tag Manager seguirá lo especificado por el activador de bloqueo.