Cerrar Notificaciones

¡No te pierdas más nada!

¡Activa las notificaciones del blog para avisarte cuando hay un nuevo contenido!

Cerrar Newsletter

¡ÚNETE A MILES DE EMPRENDEDORES DIGITALES!

Recibe los mejores contenidos para hacer crecer tu negocio online

Una guía completa sobre Google Tag Manager

Una guía completa sobre Google Tag Manager

Entiende qué es GTM y aprende a usarlo.

Google Tag Manager, o GTM, es una herramienta gratuita que brinda al usuario una mayor independencia en la implementación y en el mantenimiento de etiquetas (códigos de programación, seguimiento) en el sitio web.

Con GTM, puedes colocar solo un código en tu sitio web e instalar y eliminar etiquetas sin necesidad de activar un programador.

Si tienes una empresa, es muy probable que también tengas un sitio web para divulgarla. 

Pero, después de crear el sitio web, ¿cómo evaluar si está cumpliendo su propósito? 

Por supuesto que si el sitio web está vendiendo (en el caso de sitios web de ventas), está cumpliendo su propósito. 

Sin embargo, todo lo que es bueno se puede mejorar, ¿verdad? ¡Y esto es lo que vamos a enseñarte hoy!

Para optimizar tu sitio web, debes comprender el comportamiento de los usuarios mientras navegan por él, y para eso, utilizamos Google Tag Manager. 

¿No sabes de qué te estamos hablando? Sigue leyéndonos y aprende más sobre el GTM.

¿Cuáles son las ventajas de Google Tag Manager?

La ventaja principal de GTM es la libertad de manipular los códigos (etiquetas) de manera rápida y conveniente sin tener que pedirle ayuda a un programador cada vez que necesites insertar uno nuevo. 

Entre otras ventajas, Google Tag Manager ofrece un historial de cambios, que muestra la fecha y hora exactas en que alguien realizó un cambio. 

Con este historial grabado, puedes identificar cuándo se configuró una etiqueta incorrectamente (cuando los datos no aparecen en Google Analytics o aparecen alterados) y volver a la versión anterior.

Hablemos de los indicadores KPI

Antes de nada, si no sabes qué son los KPI, lee este post en nuestro blog

¿Por qué los KPIs son importantes? Porque te ayudarán a definir las etiquetas que se instalarán en tu sitio web para medir las métricas que deseas seguir. 

Ejemplos de KPI: 

  • Sesiones
  • Tiempo en el sitio web
  • Vistas de página
  • Vistas de video
  • Registros
  • Descargas
  • Clics

Estructura de GTM

Google Tag Manager se divide en dos niveles: cuenta y contenedor. Vamos a explicarte más detalladamente cómo funciona esto:

1. Cuenta

El nivel de cuenta es el nivel de permiso más alto de GTM. Aquí puedes cambiar el nombre de la cuenta y/o eliminarla. 

En este nivel, también puedes administrar los permisos de acceso de las personas a los contenedores (se asignan privilegios a cada contenedor). 

GTM ofrece los siguientes permisos:

  • Sin acceso: el usuario no ve el contenedor en la lista;
  • Lectura: el usuario ve el contenedor en la lista y puede navegar por las configuraciones, pero no puede cambiarlas;
  • Edición: el usuario puede realizar ediciones, pero no publicarlas;
  • Publicación: el usuario puede realizar cualquier tipo de cambio dentro del contenedor;
  • Administrador: el usuario tiene permiso para todo, incluso para eliminar el contenedor y/o la cuenta (no recomendado).

2. Contenedor

El contenedor es el segundo nivel de Google Tag Manager. Aquí es donde administrarás las etiquetas de tu sitio web. 

¿Cómo funciona GTM?

Google Tag Manager funciona en cuatro niveles:

  1. Etiquetas; 
  2. Activadores;
  3. Variables;
  4. Capa de datos.

Las ETIQUETAS son activadas por los ACTIVADORES que, a su vez, se configuran basados en las VARIABLES, que obtienen informaciones de la CAPA DE DATOS. 

¡Tranquilo, tranquilo! También vamos a explicarte qué son cada uno de estos niveles. ¿Vamos a verlos?

Etiquetas (tags)

Las etiquetas son códigos que se ejecutan en una página. 

A través de ellas, GTM inserta los scripts de seguimiento configurados en tu sitio web. 

Una vez instaladas, las etiquetas enviarán informaciones sobre las acciones que los usuarios realizan en tu sitio web a un tercero, como GA (Google Analytics) o Facebook, por ejemplo. 

Activadores o Triggers

Los activadores indican qué acción el usuario debe realizar en tu sitio web para que se active la etiqueta. 

Los activadores se pueden configurar para habilitar las etiquetas cargando la página, con clics de botones, vistas de vídeo, etc.

Variables

Las variables son un conjunto de nombres de valor obtenido mientras se realiza la acción del usuario en tu sitio web. O sea, son las informaciones adicionales que Google Tag Manager puede necesitar para activar la etiqueta y los gatillos. 

Las variables son las que les dicen a los activadores cuál es el valor de la acción tomada. 

Capa de Datos o Data Layer

La capa de datos es un código JavaScript que contiene datos de eventos personalizados (información) o variables transmitidas en tu sitio web. 

Le da valor a las acciones que se hacen en tu sitio web, que se transforman en variables, para habilitar un activador y disparar una etiqueta. 

Cómo crear una cuenta en GTM

Para crear una cuenta en Google Tag Manager, accede a: https://www.google.com/intl/es/tagmanager/ y haz clic en “Registrarse ahora”, como se muestra en la imagen a continuación:

Usa una cuenta de correo Google para registrarte (de preferencia, la misma que utilizas para operar Google Analytics). 

Haz clic en “Crear cuenta”, luego asigna un nombre a tu cuenta y crea un nuevo contenedor, rellenando los espacios informados:

Acepta los términos de uso:

Después, tendrás un código.

Copia el código JavaScript y pégalo lo más cerca posible de la apertura de tu sitio web <head>.

Copia el segundo fragmento y pégalo inmediatamente después de la apertura del <body>: 

En algunos sitios web, solo podrás utilizar el ID: GTM-XXXXX, como es el caso de WordPress, por ejemplo, después de instalar el plug-in de administrador de tags de Google para WordPress.

Añadiendo etiquetas

Después de instalar el código de Google Tag Manager, tendrás que crear las etiquetas que van a ayudarte a seguir el desempeño de tu sitio web y a mostrarte cómo los usuarios interactúan con tu contenido.

¿Te acuerdas de los KPI que mencionamos anteriormente?

Basándote en ellos, vas a elegir las etiquetas que sean relevantes para acompañar tu negocio.

Si ya tienes un blog, por ejemplo, tiene sentido instalar una etiqueta de vistas de página (o Page View) y de Tiempo (o Timer). Estas etiquetas te van a indicar qué páginas visitaron los usuarios y cuál es el tiempo promedio que permanecieron en cada una. 

Así mides, entre otras cosas, el interés del usuario en el contenido publicado, presuponiendo que, cuanto más tiempo se quede en la página, más contenido consume (por supuesto que esta métrica se tiene que evaluar junto a otras para entender si este realmente es el comportamiento del usuario).

Después de seleccionar los KPI, tendrás que darles seguimiento, o sea, instalar las etiquetas. 

Para implementar una nueva etiqueta en tu sitio web, solo tienes que seguir estos pasos:

  1. Haz clic en “Añadir una etiqueta”;
  2. Dale un nombre a la etiqueta y haz clic para configurarla;
  3. Selecciona la etiqueta que deseas configurar;
  4. Selecciona el activador (o crea uno nuevo);
  5. Guarda la etiqueta
  6. Publica la etiqueta haciendo clic en “Enviar”. Tienes que dar un nombre a la versión y una descripción corta de lo que estás creando/alterando.

Hay muchas posibilidades de etiquetas que puedes instalar en tu sitio web. 

Hoy, vamos a ver cómo instalar la etiqueta de Google Analytics Universal y Pixel de Facebook vía Google Tag Manager. Estas dos etiquetas enviarán los datos de acceso de tu sitio web a tu cuenta de GA y anuncios de Facebook respectivamente.

Etiqueta de Google Analytics

Para instalar la etiqueta de GA hace falta localizar el ID de Seguimiento, que está en: Propriedades > Informaciones > Código de seguimiento.

Luego, vuelve a Google Tag Manager y sigue el paso a paso que te mostramos anteriormente (vamos a explicártelo ahora, pero con imágenes para que te quede más claro).

  1. Haz clic en “Añadir nueva etiqueta”;
  2. Dale un nombre a la etiqueta y haz clic para configurarla;
  3. Selecciona la opción “Universal Analytics”:

  1. Después, dale un nombre a tu etiqueta y selecciona el tipo de seguimiento de “Página vista”.

Haz clic en “Seleccionar variable de configuración y, luego en “Nueva variable”:

5. Al abrir una nueva ventana, dale un nombre a tu variable. Introduce el ID de seguimiento de tu cuenta de GA y guarda tu variable:

6. Selecciona el activador (o crea uno nuevo). Elige el activador “All Pages”:

7. Guarda la etiqueta:

8. Publica la etiqueta haciendo clic en “Enviar”. Tienes que darle un nombre a la versión e incluir una descripción corta de lo que estás creando/alterando:

¡Listo! ¡Tu etiqueta se publicó! 

Etiqueta del Píxel de Facebook 

Antes de que empecemos a explicarte cómo configurar el Píxel de Facebook vía Google Tag Manager, debes tener una cuenta de anuncios configurada en tu página de Facebook. 

Si aún no tienes una cuenta de anuncios, ¡lee este post y aprende a crear la tuya!

Listo, después de configurar la cuenta de Facebook, vamos a instalar el Píxel de Facebook en tu sitio web. Para hacerlo, sigue los pasos a continuación:

1. En Facebook, en Administrador de anuncios, haz clic en “Píxel”:

2. Luego, haz clic en “Configurar Píxel”:

3. Selecciona la opción “Instala el código del píxel manualmente”:

4. Copia el código de píxel de tu cuenta de Facebook:

5. Vuelve al Google Tag Manager y haz clic en “Añadir una etiqueta”;
6. Dale un nombre a la etiqueta y haz clic para configurarla;
7. Selecciona “HTML Personalizado” y pega el código que habías copiado de Facebook:

8. Selecciona el activador “All Pages”: 

9. Guarda la etiqueta:

10. Publica la etiqueta haciendo clic en “Enviar”. Recuerda que tienes que dar un nombre a la versión e incluir una descripción corta de lo que estás creando/alterando

¡Ya está! ¡Se publicó tu etiqueta!

Verificando tus etiquetas

El modo “Visualizar” de Google Tag Manager te permite navegar en un sitio web en el que el código de tu contenedor esté implementado, como si el borrador del contenedor actual estuviera implementado. 

Después que publiques tu etiqueta, Google Tag Manager te permite verificar si se configuró correctamente, a través de la navegación en tu sitio web, en el que el código de tu contenedor esté implementado.

En cada acción que se realiza, muestra las etiquetas activadas en un panel depurador que aparecerá debajo del contenido de tu sitio web.

A continuación, te enseñaremos, paso a paso, cómo verificar si la etiqueta está funcionando:

1. En la pantalla principal, haz clic en “Visualizar”:

2. Accede o actualiza la página de tu sitio web y observa el panel que aparece a continuación:

¿Viste cómo apareció la etiqueta que configuramos en Google Analytics? 

En este modo de visualización, debes verificar todas las configuraciones que se añadieron a Google Tag Manager, como etiquetas activadas o no para cada evento, variables relacionadas con cada evento, motivo para la no activación de la etiqueta, etc.

Para salir del modo de visualización, vuelve a GTM y haz clic en “Salir del modo de visualización”, como te mostramos a continuación:

Otros Scripts en el GTM

Como has podido ver, hay muchas posibilidades de etiquetas, activadores y variables en Google Tag Manager. 

Para ayudarte, montamos un listado de los eventos (activadores) más comunes que puedes acompañar en tu sitio web:

  • Evento “haz clic”: indica cuándo hacer clics en botones, banners, etc.;
  • Evento “envío de formulario”: indica cuándo el usuario llenó un formulario en tu página;
  • Evento “video de YouTube”: indica cuándo el usuario vio un video de YouTube en tu sitio web;
  • Evento “profundidad de desplazamiento”: indica el porcentaje de contenido que el usuario consumió. O sea, el porcentaje de la página que el usuario realmente vio, deslizando la página hacia abajo; 
  • Evento “timer”: indica el tiempo que el usuario se quedó en cada página de tu sitio web.

¡Listo! Ahora que ya sabes cómo configurar tus etiquetas con Google Tag Manager, llegó el momento de poner manos a la obra.

Así, conseguirás entender mejor si estás alcanzando de verdad los objetivos que has establecido para tu negocio.

¿Aún no sabes cómo definir adónde quieres llegar?

¡Échale un vistazo a nuestro post con consejos que te van a ayudar a establecer metas para tu negocio!

 

Nuestro sitio utiliza cookies para mejorar tu experiencia de navegación.