guía completa para poder usarlo
Google Tag Mánager, o 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 web.
Con GTM, puedes colocar solo un código en tu sitio e instalar y quitar etiquetas sin necesidad de activar un programador.
Si tienes una compañía, es muy posible que también tengas un sitio 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 progresar, ¿verdad? diseño de páginas web corporativas #xA1;Y esto es lo que vamos a enseñarte 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 hablamos? Sigue leyéndonos y aprende más sobre el GTM.
¿Cuáles son las ventajas de Google Tag Mánager?
La ventaja principal de GTM es la libertad de manipular los códigos (etiquetas) de forma rápida y recomendable sin pedirle ayuda a un programador toda vez que necesites insertar uno nuevo.
Entre otras ventajas, Google Tag Manager ofrece un historial de cambios, que muestra la data 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 eno aparecen perturbados) y volver 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? Pues te ayudarán a acotar 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 Mánager 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 cambiar el nombre de la cuenta y/o eliminarla.
En este nivel, también puedes regentar 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 efectuar ediciones, mas no publicarlas;
Publicación:el usuario puede realizar cualquier tipo de cambio en el contenedor;
Administrador:el usuario tiene permiso para todo, incluso para quitar 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.
¿Cómo marcha GTM?
Google Tag Manager funciona en 4 niveles:
- Etiquetas;
- Activadores;
- Variables;
- Capa de datos.
Las ETIQUETAS son activadas por los ACTIVADORES que, por su parte, se configuran basados en las VARIABLES, que obtienen informaciones de la CAPA DE DATOS.
¡Tranquilo, apacible! También vamos a explicarte qué son cada uno de ellos 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.
Una vez instaladas, las etiquetas enviarán informaciones sobre las acciones que los usuarios realizan en tu sitio a un tercero, como GA (Google Analytics) o Fb, por servirnos de un ejemplo.
Activadores o bien Triggers
Los activadores señalan qué acción el usuario debe efectuar en tu sitio web para que se active la etiqueta.
Los activadores se pueden configurar para habilitar las etiquetas cargando la página, con clicks 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. 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 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 bien variables transmitidas en tu sitio.
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 Mánager, accede a: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, exactamente la misma que usas para operar 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 de forma inmediata después de la apertura del <body>:
En algunos sitios, solo podrás usar el ID: GTM-XXXXX, como es el caso de Wordpress, por servirnos de un ejemplo, después de instalar el.
Añadiendo etiquetas
Después de instalar el código de Google Tag Manager, tendrás que crear las etiquetas que van a asistirte a seguir el desempeño de tu sitio y a mostrarte cómo los usuarios interactúan con tu contenido.
¿Te acuerdas de los KPI que mentamos previamente?
Basándote en ellos, vas a elegir 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 apuntar qué páginas visitaron los usuarios y cuál es el tiempo promedio que permanecieron en todos y cada una.
Así mides, entre otras cosas, el interés del usuario en el drupal españa , suponiendo que, cuanto más tiempo se quede en la página, más contenido consume (como es natural que esta métrica se debe evaluar al lado de otras para entender si este verdaderamente es el comportamiento del usuario).
Después de elegir los KPI, tendrás que darles seguimiento, es decir, instalar las etiquetas.
Para implementar una nueva etiqueta en tu sitio, solo tienes que seguir estos pasos:
- Haz click en “Añadir una etiqueta”;
- Dale un nombre a la etiqueta y haz click para configurarla;
- Selecciona la etiqueta que deseas configurar;
- Selecciona el activador (o crea uno nuevo);
- Guarda la etiqueta
- Publica la etiqueta haciendo click en “Enviar”. Debes 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, veremos cómo instalar la etiqueta de Google Analytics Universal y Pixel de Facebook vía Google Tag Mánager. 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 Mánager y prosigue el paso a paso que te mostramos anteriormente (vamos a explicártelo ahora, pero con imágenes para 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 escoge 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 bien crea uno nuevo). Elige el activador “All Pages”:
7. Guarda la etiqueta:
8. Publica la etiqueta haciendo clic en “Enviar”. Debes 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 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, sigue los pasos a continuación:
1. En Fb, en Administrador de anuncios, haz clic en “Píxel”:
2. Entonces, haz clic en “Configurar Píxel”:
3. Escoge 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 click en “Añadir una etiqueta”;
6. Dale un nombre a la etiqueta y haz click para configurarla;
7. Elige “HTML Personalizado” y pega el código que habías copiado de Facebook:
8. Escoge el activador “All Pages”:
9. Guarda la etiqueta:
10. Publica la etiqueta haciendo clic en “Enviar”. Recuerda que debes 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 deja navegar en un sitio en el que el código de tu contenedor esté incorporado, tal y como si el borrador del contenedor actual estuviese incorporado.
Después que publiques tu etiqueta, Google Tag Manager te deja contrastar 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é incorporado.
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, pasito a pasito, cómo contrastar si la etiqueta está funcionando:
1. En la pantalla principal, haz click en “Visualizar”:
2. Accede o bien actualiza la página de tu sitio 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 y cada una de las configuraciones que se añadieron a Google Tag Manager, como etiquetas activadas o bien no para cada evento, 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 click en “Salir del modo de visualización”, como te mostramos a continuación:
servicios community manager precios en el GTM
Como has podido ver, existen muchas posibilidades de etiquetas, activadores y variables en Google Tag Manager.
Para ayudarte, montamos un listado de los acontecimientos (activadores) más comunes que puedes acompañar en tu sitio web:
Evento “haz clic”: señala cuándo hacer clics 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 video de YouTube en tu lugar web;
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 realmente vio, deslizando la página hacia abajo;
Evento “timer”: señala el tiempo que el usuario se quedó en todos y cada página de tu sitio.
¡Listo! Ahora que bien sabes cómo configurar tus etiquetas con Google Tag Mánager, llegó el momento de poner a trabajar.
Así, conseguirás comprender mejor si estás alcanzando de verdad los objetivos que has establecido para tu negocio.
¿Aún no sabes cómo definir adónde deseas llegar?
¡Échale un vistazo a nuestro post con!
