guía completa para poder usarlo
Google Tag Mánager, o bien GTM, es una herramienta gratis 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.
Con GTM, puedes poner solo un código en tu sitio web y también instalar y suprimir etiquetas sin precisar activar un programador.
Si tienes una compañía, es muy posible que también tengas un sitio web para divulgarla.
Pero, después de, ¿cómo valorar 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 prosperar, ¿verdad? ¡Y esto es lo que vamos a enseñarte el día de hoy!
Para optimar tu sitio, debes comprender el comportamiento de los usuarios mientras navegan por él, y para eso, empleamos 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 forma rápida y conveniente sin tener que solicitarle ayuda a un programador cada vez que precises insertar uno nuevo.
Entre otras ventajas, Google Tag Mánager ofrece un historial de cambios, que muestra la data y hora precisas en que alguien realizó un cambio.
Con este historial grabado, puedes identificar cuándo se configuró una etiqueta incorrectamente (cuando los datos no aparecen eno aparecen perturbados) y regresar a la versión anterior.
Hablemos de los indicadores KPI
Antes de nada, si no sabes qué son los KPI, lee.
¿Por qué los KPIs son importantes? Por el hecho de que te ayudarán a acotar las etiquetas que se instalarán en tu sitio web para medir las métricas que deseas proseguir.
Ejemplos de KPI:
- Sesiones
- Tiempo en el lugar web
- Vistas de página
- Vistas de video
- Registros
- Descargas
- Clics
Estructura de GTM
Google Tag Manager se divide en 2 niveles: cuenta y contenedor. Vamos a explicarte más detalladamente cómo marcha esto:
1. Cuenta
El nivel de cuenta es el nivel de permiso más alto de GTM. Aquí puedes mudar 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 próximos 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, mas no puede cambiarlas;
Edición:el usuario puede realizar ediciones, mas no publicarlas;
Publicación:el usuario puede efectuar cualquier género de cambio dentro del contenedor;
Administrador:el usuario tiene permiso para todo, incluso para suprimir el contenedor y/o la cuenta (no recomendado).
2. Contenedor
El contenedor es el segundo nivel de Google Tag Mánager. Aquí es donde administrarás las etiquetas de tu sitio web.
¿Cómo funciona GTM?
Google Tag Mánager marcha en 4 niveles:
- Etiquetas;
- Activadores;
- Variables;
- 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, sosegado! 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 introduce los scripts de seguimiento configurados en tu sitio web.
Una vez instaladas, las etiquetas enviarán informaciones sobre las acciones que los usuarios efectúan en tu sitio a un tercero, como GA (Google Analytics) o bien Facebook, por servirnos de un ejemplo.
Activadores o bien Triggers
Los activadores señalan qué acción el usuario debe efectuar en tu sitio 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. Es decir, son las informaciones adicionales que Google Tag Manager puede precisar para activar la etiqueta y los gatillos.
Las variables son las que les afirman 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 acontecimientos adaptados (información) o variables trasmitidas en tu sitio web.
Le da valor a las acciones que se hacen en tu sitio, que se convierten 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:y haz click 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”, entonces asigna un nombre a tu cuenta y crea un nuevo contenedor, servicios de mantenimiento informatico madrid 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 de forma inmediata después de la apertura del <body>:
En ciertos sitios, solo podrás utilizar el ID: GTM-XXXXX, como es el caso de WP, por poner un ejemplo, después de instalar el.
Añadiendo etiquetas
Después de instalar el código de Google Tag Mánager, tendrás que crear las etiquetas que van a asistirte a proseguir el desempeño de tu sitio y a mostrarte cómo los usuarios interactúan con tu contenido.
¿Te acuerdas de los KPI que mencionamos previamente?
Basándote en ellos, vas a seleccionar las etiquetas que sean relevantes para acompañar tu negocio.
Si ya, por poner un ejemplo, tiene sentido instalar una etiqueta de vistas de página (o Page View) y de Tiempo (o Timer). Estas etiquetas te van a señalar 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 debe valorar junto a otras para comprender si este verdaderamente es el comportamiento del usuario).
Después de seleccionar los KPI, tendrás que darles seguimiento, esto es, instalar las etiquetas.
Para incorporar una nueva etiqueta en tu sitio, solo debes continuar estos pasos:
- Haz clic en “Añadir una etiqueta”;
- Dale un nombre a la etiqueta y haz clic para configurarla;
- Selecciona la etiqueta que quieres configurar;
- Selecciona el activador (o bien crea uno nuevo);
- Guarda la etiqueta
- Publica la etiqueta haciendo clic en “Enviar”. posicionamiento de pago 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, veremos cómo instalar la etiqueta de Google Analytics Universal y Pixel de Fb vía Google Tag Manager. Estas 2 etiquetas enviarán los datos de acceso de tu sitio a tu cuenta de GA yrespectivamente.
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 previamente (vamos a explicártelo ahora, pero con imágenes a fin de que te quede más claro).
- Haz clic en “Añadir nueva etiqueta”;
- Dale un nombre a la etiqueta y haz clic para configurarla;
- Selecciona la opción “Universal Analytics”:
- Después, dale un nombre a tu etiqueta y selecciona el género de seguimiento de “Página vista”.
Haz click en “Seleccionar variable de configuración y, entonces 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. Escoge el activador (o bien 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 Mánager, debes tener una cuenta de anuncios configurada en tu página de Fb.
Si aún no tienes una cuenta de anuncios, ¡leey 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, prosigue los pasos a continuación:
1. En Fb, en Administrador de anuncios, haz clic en “Píxel”:
2. Luego, haz click en “Configurar Píxel”:
3. Elige 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 Mánager y haz click en “Añadir una etiqueta”;
6. Dale un nombre a la etiqueta y haz click para configurarla;
7. Elige “HTML Personalizado” y queja el código que habías copiado de Facebook:
8. Escoge el activador “All Pages”:
9. Guarda la etiqueta:
10. Publica la etiqueta haciendo click en “Enviar”. Recuerda que tienes que dar un nombre a la versión y también 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 Mánager te deja navegar en un sitio en el que el código de tu contenedor esté implementado, como si el boceto del contenedor actual estuviera implementado.
Después que publiques tu etiqueta, Google Tag Manager te deja verificar si se configuró correctamente, a través de la navegación en tu sitio, en el que el código de tu contenedor esté implementado.
En cada acción que se efectúa, muestra las etiquetas activadas en un panel depurador que aparecerá bajo el contenido de tu sitio web.
A continuación, te enseñaremos, punto por punto, cómo contrastar 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 contrastar todas y cada una de las configuraciones que se añadieron a Google Tag Mánager, como etiquetas activadas o no para cada acontecimiento, variables relacionadas con cada acontecimiento, 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, existen muchas posibilidades de etiquetas, activadores y variables en Google Tag Mánager.
Para ayudarte, montamos un listado de los eventos (activadores) más comunes que puedes acompañar en tu lugar web:
Evento “haz clic”: indica cuándo hacer clicks en botones, banners, etc.;
Evento “envío de formulario”: señala cuándo el usuario llenó un formulario en tu página;
Evento “video de YouTube”: señala cuándo el usuario vio un vídeo de YouTube en tu diseño identidad corporativa ;
Evento “profundidad de desplazamiento”: señala el porcentaje de contenido que el usuario consumió. Esto es, el porcentaje de la página que el usuario verdaderamente vio, deslizando la página hacia abajo;
Evento “timer”: señala 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 instante de poner a trabajar.
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 delimitar adónde deseas llegar?
¡Échale un vistazo a nuestro artículo con!
