Tutorial de Google Tag Manager + Video y Libro electrónico gratuito para principiantes

El gestor de etiquetas de Google es una herramienta increíble. ¿Necesitas añadir un píxel de seguimiento particular a un sitio web? No hay problema! ¿Quiere rastrear los envíos de un formulario recién creado? Considéralo hecho. Todo gracias a GTM.

En lugar de esperar (durante días) a que un desarrollador ocupado añada esos códigos de seguimiento, podrías hacerlo tú mismo (bueno, en muchos casos). Aunque no reemplazarás a los desarrolladores al 100% (y, de hecho, nunca deberías hacerlo), con Google Tag Manager tú (y tu equipo) se volverán mucho más ágiles implementando nuevas campañas de marketing y/o seguimiento de analítica web.

Pero, ¿por dónde deberías empezar? Tag Manager parece un tanque que requiere unos conocimientos muy específicos y tu carné de conducir habitual no te ayudará mucho aquí. Al igual que cualquier otra herramienta, el GTM tiene su propia curva de aprendizaje. Por eso decidí crear este tutorial de Google Tag Manager. Es el primer paso para ser más independiente y tener más control sobre tus códigos de seguimiento de análisis y marketing.

¿Listo? Empecemos. Si tienes alguna pregunta sobre GTM, no dudes en publicar un comentario.

Antes de continuar: El mundo de la gestión previa a la etiqueta

Antes de profundizar en lo que es el Google Tag Manager, echemos un vistazo rápido al mundo en el que solíamos vivir (también conocido como «sin gestión de etiquetas»). Cada vez que quieres instalar Google Analytics o alguna otra herramienta de seguimiento web, te pide que añadas un trozo de su código JavaScript (también conocido como etiqueta) en tu sitio web. Bastante estándar, ¿verdad?

Puede ser Hotjar, Google Analytics o alguna otra herramienta, pero todas te piden que añadas su código (etiqueta) a tu sitio. Cuando un visitante llega a su sitio web, ese código de rastreo también se carga, por lo tanto, un visitante es rastreado.

Añadir esa etiqueta a un sitio no es gran cosa. Sólo se le pide a un desarrollador y él/ella lo hará (a veces en el mismo día, a veces en el transcurso de varios días, pero aún así es razonable porque esto tiene que hacerse sólo una vez).

Pero aquí está el truco. Fuera de la caja, GA ofrece un montón de métricas. Pero para tomar decisiones realmente buenas y reflexivas, hay que hacer un seguimiento de mucho más: interacciones (por ejemplo, clics, envíos de formularios), ventas, etc.

Esto significa que hay que añadir más códigos de seguimiento a un sitio web. Y por lo general, esto no es sólo un «proyecto de una sola vez». Es necesario añadir constantemente nuevos códigos de seguimiento y modificar/eliminar los actuales.

Ahí es donde el desarrollador (y el departamento de IT) se convierte en un cuello de botella. Ya que está trabajando en sus propias tareas/proyectos, las tareas de marketing/analíticas a menudo son una prioridad B, por lo que usted y su equipo tienen que esperar. Y esperar un poco más. Y más.

Ahí es donde el GTM salva el día y este tutorial de Google Tag Manager le mostrará cómo.

¿Qué es el Google Tag Manager?

Google Tag Manageres una solución de gestión de etiquetas que actúa como intermediario entre un sitio web y las herramientas de marketing y análisis. Todo lo que necesita hacer es agregar sus códigos de seguimiento al GTM y luego configurar las reglas cuando deben ser activadas (en la carga de la página, el clic, el envío de formularios, etc.).

Imagine que el Tag Manager es una caja de herramientas, donde usted guarda todas sus herramientas: una regla (Google Analytics), un martillo (Google Ads), etc.

El Google Tag Manager también le permite probar sus etiquetas de seguimiento para asegurarse de que se activen al cargar una página o al hacer clic en un botón en particular. Otro gran beneficio: puedes cambiar tus etiquetas y la forma en que funcionan sin cambiar realmente el código fuente de tu sitio web. En lugar de ello, sólo tiene que editar las etiquetas en la interfaz de usuario del GTM y publicar los cambios con un solo clic.

Google Tag Manager vs. Google Analytics

Muchos principiantes confunden Google Analytics con el Administrador de Etiquetas preguntando cuál deberían usar ahora. La respuesta es en realidad ambas. Estas dos herramientas no se reemplazan entre sí, funcionan juntas. Google Analytics es una herramienta que recoge datos de los visitantes y los muestra en varios informes, mientras que Google Tag Manager es responsable de activar herramientas como GA.

En resumen, el Google Tag Manager le permite administrar varios códigos de seguimiento de Javascript (también conocido como Tags) en su sitio web. El código de seguimiento de Google Analytics es una de esas etiquetas.

Si todavía te sientes confundido sobre la relación entre Google Analytics y GTM, lee esta guía: GA vs GTM – ¿cuál es la diferencia?

Como he mencionado antes, Google Analytics no es la única etiqueta compatible con Google Tag Manager. Otros ejemplos incluyen:

Principales beneficios de Google Tag Manager

Hay muchos beneficios de usar Google Tag Manager pero me gustaría señalar, en mi opinión, los más importantes.

1. Despliegue rápido de los códigos de rastreo

En lugar de tener que esperar días o semanas para que un desarrollador implemente sus códigos de rastreo, en muchos casos, podrá hacerlo usted mismo (sin editar el código del sitio web).

2. Todas las etiquetas son controladas en un solo lugar, su cuenta GTM

En el pasado, todas las etiquetas se codificaban directamente en el código fuente de la página web/app. La peor parte, esos pequeños trozos de código JavaScript estaban dispersos en diferentes archivos del sitio web. Así que si necesitas hacer un cambio, lo más probable es que el desarrollador lo necesite: (1) encontrar todos esos códigos, (2) actualizarlos.

He visto muchos casos en los que debido a un error humano algunos códigos se perdieron, por lo tanto esto causó inexactitud en la recolección de datos.

Gracias al Tag Manager, este proceso se hace más fácil: todas las etiquetas se controlan en un solo lugar.

3. Herramientas de prueba incorporadas y de terceros

La solución de problemas y la corrección de errores de etiquetas se simplifica mediante el modo de vista previa y depuración del Administrador de etiquetas que muestra qué etiquetas se disparan en una página y cuáles no. También incluye información sobre los disparadores que disparan las etiquetas y los datos contenidos en las etiquetas de rastreo.¿Por qué es importante? Con las soluciones de depuración del Administrador de etiquetas de Google, te aseguras de que las etiquetas funcionen antes de publicarlas en el sitio activo. Además, no olvidemos otras extensiones útiles del navegador como el Asistente de etiquetas, el Inspector de capas de datos, etc.

¿Todavía no estás convencido? Continúa leyendo este tutorial de Google Tag Manager y te mostraré la mina de oro.

4. Un seguimiento de eventos bastante simple

Como he mencionado antes, el seguimiento de eventos implica códigos JavaScript personalizados que un desarrollador tiene que añadir a un sitio web para rastrear eventos como clics, envíos de formularios, etc. Para facilitar las cosas, Google Tag Manager viene con una característica llamada seguimiento automático de eventos.

Una vez que habilites un determinado disparador en el Tag Manager, éste comenzará a escuchar automáticamente las interacciones de un sitio web en particular. Aún se requiere cierta configuración, pero es relativamente sencillo de hacer. Puedes usar esas interacciones para disparar códigos de rastreo, por ejemplo, GA Event Tag.

Los eventos básicos en los que puedes rastrear (de forma predeterminada) en el Administrador de etiquetas de Google se basan:

Pero espera, ¡hay más! Gracias a la creciente comunidad de usuarios y entusiastas del GTM, el número de funciones de seguimiento de eventos automáticos aumenta constantemente. También se pueden agregar funciones personalizadas que registran cosas como nuevos comentarios, reproductores de video y mucho más.

Sólo ten en cuenta que los eventos más complejos pueden requerir la participación de un desarrollador. Aunque Google Tag Manager te da algunos superpoderes, no te hace todopoderoso.

5. Plantillas de etiquetas preparadas

Google Tag Manager viene con un número importante de etiquetas incorporadas para la analítica clásica y universal, conversiones de anuncios de Google, remarketing y más. Esto permite a un comercializador con poco o ningún conocimiento de codificación personalizar las etiquetas, sin implementar un código complicado o pedir ayuda a un desarrollador.

¿Cómo funciona Google Tag Manager?

Para los muy principiantes, hay tres conceptos que deben entenderse: etiquetas, desencadenantes y variables.

Una etiqueta es un pedazo de código que debe ser disparado en un sitio web bajo ciertas circunstancias. Puede ser un código de seguimiento, un trozo de código que cambia el texto o un elemento concreto del sitio web, o incluso un código que cambia el color de la barra de direcciones del navegador, lo que quieras. Cuando creas una etiqueta, básicamente le instruyes al Administrador de Etiquetas que «haga esto», «haga aquello», «rastree las visitas a la página de este visitante», «rastree este clic y lo envíe a Google Analytics», etc.

Un dispar ador es una condición en la que una etiqueta debe dispararse. ¿Debe dispararse una etiqueta en todas las páginas vistas? ¿O tal vez en ciertos clics? ¿Qué hay de los envíos de formularios exitosos? Todos estos ejemplos son disparadores. Cuando se cumple una condición particular (o un conjunto de condiciones), se activa un disparador y se envían todas las etiquetas (vinculadas a él).

Una variable es el miembro final de esta trinidad. Las variables son pequeños ayudantes que pueden utilizarse en las etiquetas, los disparadores o incluso en otras variables. Una variable puede:

• contener un solo dato (como la URL de la página, el dominio del sitio web, el ID del producto, la ta ext de un enlace, etc.)
• contener un conjunto de datos/configuración (la variable de configuración de GA contiene múltiples configuraciones relacionadas con GA, como ID de seguimiento, configuración de publicidad en pantalla, etc.) )
• ser una función compleja (pero ésta es demasiado avanzada para los principiantes, por lo tanto, saltémosla, al menos por ahora), etc.

La mejor manera de entender la relación entre las etiquetas, los disparadores y las variables en el Google Tag Manager es echando un vistazo a un ejemplo (ver la imagen de abajo).

• La etiqueta de conversión de anuncios de Google es una etiqueta. Con ella, le ordenas al Google Tag Manager que haga qué? Rastrear una conversión.
• ¿Cuándo se debe disparar esta etiqueta? La respuesta está en una página de agradecimiento (también conocida como página de confirmación de pedido). Esta condición es nuestro disparador.
• Ahora, necesitamos usar alguna información adicional para enviar datos más precisos a los anuncios de Google y hacer que nuestro disparador funcione realmente.
  • Con la etiqueta de conversión de anuncios de Google podemos enviar el total del pedido que es una variable. Cuando una compra se completa con éxito, la etiqueta de G Ads obtendrá el valor de la variable Order Total y lo enviará a los servidores de Google. Las variables son elementos que hacen que el seguimiento de Google Tag Manager sea dinámico.
  • En el disparador, necesitamos indicar con precisión a Google Tag Manager cuándo disparar. Decir en una página de agradecimiento es comprensible para un humano. Pero en el Tag Manager, necesitamos ser más específicos. ¿Qué es una página de agradecimiento? La respuesta: es la página cuyo URL contiene «/compra-éxito/» (P.D. esto es sólo un ejemplo). En este caso, la Página URL es una variable y hemos instruido a GTM para que compruebe constantemente la Página URL cuando la página se cargue. Si una variable (URL) contiene «/compra exitosa/», el disparador se activará.

Así que como pueden ver, las variables pueden ser usadas tanto en las etiquetas como en los disparadores. También puedes usarlas en otras variables, pero eso lo aprenderás en el futuro (no en esta guía).

Crear una cuenta de Google Tag Manager

Para empezar, primero vamos a crear una cuenta GTM. Ve al sitio web oficial de Google Tag Manager y haz clic en la llamada principal para crear una nueva cuenta GTM.

Al igual que con cualquier otro producto de Google, utilizarás la misma cuenta de Google para el Tag Manager. Así que si ya estás en Gmail (Anuncios de Google, Google Analytics, etc.) serás automáticamente conectado a Google Tag Manager. Si no, crea una cuenta de Google primero (no mostraré ese procedimiento, así que estás por tu cuenta aquí 🙂 ).

Una vez que inicie sesión, se le pedirá que cree una nueva cuenta GTM y un nuevo contenedor.

En el campo Nombre de la cuenta, introduzca el nombre de la empresa (por ejemplo, la empresa de su compañía o la empresa de su cliente). Si usted es una agencia, es una mejor práctica pedirle a su cliente que cree una cuenta GTM y luego compartir el acceso con usted.

En la sección Configuración del Contenedor introduzca el nombre de su sitio web (puede ser un dominio (por ejemplo, example.com) o sólo un nombre (por ejemplo, Mi sitio web). En este libro electrónico cubriremos el seguimiento de la Web, por lo que elegiremos la Web como plataforma de destino.

La cuenta de Google Tag Manager funciona de la misma manera que la cuenta de GA, normalmente es para una empresa/negocio/cliente, mientras que un contenedor suele ser para un sitio web o una aplicación. Un solo contenedor puede contener muchas etiquetas, disparadores y variables.

Sin embargo, si hay varios sitios web que pertenecen a una sola empresa y su estructura es muy similar (además, su implementación de seguimiento es similar), no dude en utilizar un contenedor en varios sitios web.

¿Cómo se instala el Google Tag Manager?

Después de crear un contenedor, obtendrás dos códigos que deben ser agregados a un sitio web. Entregue estos dos fragmentos a un desarrollador y pídale que siga cuidadosamente las instrucciones (el primer código debe ser agregado en algún lugar de la etiqueta

de un sitio web, mientras que el segundo debe ser agregado justo después de la apertura de la etiqueta ).

Gracias a este código (implementado en una página), todas las etiquetas se dispararán cuando estén configuradas para hacerlo.

Si quieres saber más sobre la instalación correcta, lee esta guía sobre cómo instalar Google Tag Manager en un sitio web.

Si estás usando un sistema de gestión de contenidos popular, como WordPress, lo más probable es que haya un plugin GTM ya preparado que facilita el proceso de instalación + añade algunos beneficios adicionales.

Por ejemplo, en WordPress, hay un impresionante plugin GTM4WP. No sólo te ayudará a instalar fácilmente el Google Tag Manager, sino que también puedes obtener algunos datos adicionales de él, como el autor de la página, las etiquetas de la página, etc. Más tarde, estos datos pueden ser convertidos en variables GTM y utilizados en las etiquetas y los disparadores.

¿Te sientes cansado? Si es así, marque este tutorial de Google Tag Manager para principiantes y regrese en cualquier momento más tarde cuando esté listo para sumergirse en el mundo de la gestión de etiquetas.

IMPORTANTE: Publique su contenedor vacío

Una vez que crees el nuevo contenedor en el Administrador de etiquetas de Google, tienes que publicarlo (de lo contrario, una cosa llamada modo de vista previa no funcionará). Para publicar el contenedor, haz clic en el botón Enviar de la esquina superior derecha y luego en el botón Publicar.

Una vez que lo hagas, deberías ver que la versión actual del contenedor es la 1.

¿Cómo se comprueba si el Google Tag Manager funciona?

Después de que el código GTM se implementó en una página, debe asegurarse de que realmente se instaló correctamente. Hay varias opciones que puede elegir (todas ellas se explican en detalle aquí):

• Haga clic con el botón derecho del ratón en cualquier lugar del fondo de su sitio web -> elija Ver fuente de la página y encuentre ese código (buscando gtm .js)
• Activar el modo de vista previa y depuración y ver si aparece en la pantalla. Haga clic en el botón de vista previa en la esquina superior derecha de la interfaz del GTM, luego vaya al sitio web (actualícelo) y compruebe si funciona el modo de vista previa del GTM.

Los consejos anteriores son los principales que podrías probar ahora mismo.

Cómo crear su primera etiqueta en el Administrador de etiquetas de Google

Importante: aunque Google está presionando activamente a la gente para que empiece a usar Google Analytics 4, recomiendo encarecidamente que sigan usando Universal Analytics como su principal herramienta de análisis. Google Analytics 4 va por buen camino, pero todavía le faltan algunas características básicas. Por eso este tutorial sigue explicando cómo instalar Google Analytics Universal (también conocido como la versión 3).

Pero si todavía quieres empezar a utilizar Google Analytics 4, echa un vistazo a este tutorial.

Normalmente, la primera etiqueta que los vendedores/analistas web instalan con el Google Tag Manager es la etiqueta de Google Analytics Pageview. Esto es equivalente al procedimiento donde GA le pide que añada su código de seguimiento a todas las páginas de un sitio web.

Si eres nuevo en Google Analytics, entonces tendrás que registrarte aquí y crear una nueva cuenta + propiedad. Cuando cree una propiedad, deberá elegir la «Configuración avanzada» y luego activar la opción «Crear una propiedad universal de Google Analytics».

Después de hacerlo, verá el mismo código de seguimiento que he mostrado recientemente. Cuando veas ese fragmento de código, añadámoslo a un sitio web con la ayuda del Administrador de etiquetas de Google.

En Google Tag Manager, ve a Tags y haz clic en New.

Una ventana se deslizará desde la derecha. Consiste en dos partes, Configuración de etiquetas y Disparo. Haga clic en cualquier lugar del bloque de configuración de etiquetas y elija Google Analytics – Universal Analy tics tipo de etiqueta.

Deje la vista de la página como Tipo de etiqueta y luego en el desplegable Variable de configuración de GA elija Nueva variable. Estás a punto de crear tu primera variable.

GA Settings Variable es un gran ahorro de tiempo. Lo que aprenderás en el futuro es que en cada etiqueta de Google Analytics tendrás que establecer por separado varios ajustes, como el ID de seguimiento de GA (UA-XXXXXX-XX), los ajustes entre dominios, las dimensiones personalizadas, etc.

Cuantas más etiquetas GA tengas, más inconvenientes causará. Imagina una situación en la que de repente tienes que hacer un solo cambio en 40 etiquetas, ¡son 40 cambios manuales! Gracias a la variable de configuración GA, puedes asignarla a múltiples etiquetas y cuando necesites cambiar alguna configuración, sólo tendrás que hacerlo una vez (y todas las etiquetas GA que la usen heredarán la configuración).

De todos modos, volvamos a nuestra variable de configuración GA. Para empezar, necesitamos insertar el ID de seguimiento de nuestra cuenta de Google Analytics (porque el Tag Manager debe saber a qué cuenta de GA debe enviar los datos).

Ve a tu cuenta GA > Admin (de la propiedad de Universal Analytics) > Información de seguimiento (a nivel de propiedad ) > Código de seguimiento y luego copia el ID de seguimiento. No todo el código, sino sólo el ID.

Vuelve a la interfaz del Google Tag Manager y pega el ID en una Variable de Configuración de GA.

Guarda la variable y volverás al modo de edición de la etiqueta de Google Analytics.

La parte de la configuración de la etiqueta está completa, ahora vamos a configurar el disparador. En la sección Triggering, haz clic en cualquier lugar de ese bloque blanco y elige el disparador, All Pages.

Esta condición significa que la etiqueta de vista de página de Google Analytics se disparará en todas las páginas en las que esté instalado el código de contenedor de Google Tag Manager.

Guardar la etiqueta

¡Eso es! Guarda la etiqueta. Esto es todo lo que necesitas hacer con la implementación básica de la AG. Si alguien te pide que instales el seguimiento estándar con GA, es todo lo que necesitas hacer, crear una etiqueta de Vista de Página. Es el equivalente a añadir ese código de seguimiento de GA (que se proporciona en la sección de Administración de la propiedad GA) al código fuente del sitio web.

Prueba con el modo de vista previa

Antes de publicar estos cambios y empezar a rastrear a todos los visitantes, primero tenemos que asegurarnos de que todo está configurado correctamente. Ahí es donde el modo de vista previa del GTM se vuelve muy útil (de hecho, esta es una de mis características favoritas en el Google Tag Manager).

El modo de vista previa del Google Tag Manager permite navegar por un sitio en el que se implementa el código contenedor del GTM.

Para activar el modo de depuración del Google Tag Manager, haga clic en el botón de vista previa en la esquina superior derecha de la interfaz del GTM (cerca del botón Enviar ).

Si alguna vez se encuentra con tutoriales de GTM más antiguos (publicados antes del 16 de octubre de 2023), le dirán que debe aparecer un banner naranja en la interfaz del GTM (cuando el modo de vista previa está activado). Eso ya no es cierto. A partir del 16 de octubre de 2023, el banner naranja desaparece.

Una vez que haga clic en el botón de vista previa, se abrirá una nueva pestaña del navegador con tagassistant.google.com.

Una ventana emergente te pedirá que introduzcas la URL que quieres probar y depurar. Puede ser la dirección de una página principal o la URL de una página específica y, a continuación, pulsa Inicio.

Debería aparecer una nueva pestaña (o ventana) del navegador donde verás la URL que has introducido en la ventana emergente anterior. En la parte inferior de esa página/pestaña, debe ver la siguiente insignia:

Y si vuelves a la pestaña tagassistant.google.com, debes ver este mensaje de éxito.

Haz clic en Continuar en esa ventana emergente y verás la página de vista previa y depuración (también conocida como Depurador).

Una vez que habilites el modo de vista previa, haz clic en el evento Container Loaded en su lado izquierdo. Este es el primer momento en el que tu etiqueta puede dispararse.

Cada vez que configures una etiqueta para que se dispare en Todas las páginas, en realidad significa Todos los eventos de Contenidos cargados. Después de hacer clic en Contenedor cargado, deberías ver tu etiqueta de Vista de página GA en la sección «Etiquetas disparadas».

¡Genial! Antes de empezar a celebrar tu primera etiqueta, tenemos que comprobar si los datos de la vista de página han llegado a Google Analytics (porque el hecho de que la etiqueta se haya disparado no significa que los datos se hayan enviado correctamente. Por ejemplo, una etiqueta puede estar configurada incorrectamente y enviar las vistas de página a la cuenta GA equivocada).

La mejor manera de comprobar si los datos fueron realmente enviados a GA son los informes en tiempo real (RT). En Google Analytics, vaya a Tiempo real > Descripción general. Navegue por varias páginas de su sitio web y vea si todas esas vistas de página se muestran en los informes RT.

Si la etiqueta GA se está disparando pero no se muestran interacciones en los informes RT.

Otra herramienta útil que definitivamente deberías probar (si aún no la has usado) es el Asistente de Etiquetas de Google. Es una extensión de Chrome que informa sobre varios scripts de seguimiento de Google y comprueba si están correctamente configurados (como Google Ads, GA, Google Optimize, etc.).

Además, Google Tag Assistant mejorará la experiencia del modo de vista previa del GTM, por lo que recomiendo instalarlo.

Publicación del Contenedor del Google Tag Manager

Una vez que hayas terminado de configurar y probarlas etiquetas/triggers/variables de en el contenedor, publícalo (de lo contrario, esos cambios no se activarán y tus visitantes/usuarios no serán rastreados). Cada vez que se publica un contenedor, se crea una nueva versión del mismo. Esto es muy útil porque en el caso de «oops….», podrás restaurar rápidamente a una de las versiones anteriores.

En la esquina superior derecha de la interfaz del Administrador de Etiquetas de Google, haga clic en azul en el botón ENVIAR.

Elija publicar y crear la versión. Aunque los campos Nombre de la versión y Descripción de la versión no son obligatorios, se recomienda encarecidamente rellenarlos. Una vez que el historial de versiones del contenedor crezca a 10, 20 o más versiones, esos nombres y descripciones se volverán muy útiles (cuando intentes averiguar cuándo se implementó un determinado cambio).

Después de eso, una vez que presione el botón PUBLICAR, sus cambios se activarán y comenzará a rastrear las páginas vistas de los visitantes.

Un rápido offtopic. ¿Disfrutas este tutorial de Google Tag Manager y lo encuentras útil? Si es así, considera suscribirte a mi boletín y seguir avanzando con GTM.

¿Y qué es lo siguiente? ¿Qué debería hacer ahora?

Mi sugerencia: empezar a usar Google Tag Manager en todos los proyectos nuevos. El tamaño no importa, puede ser un simple sitio web o puede ser un negocio de comercio electrónico más grande. Incluso si no planeas rastrear eventos y sólo necesitas el rastreo básico de la vista de página, sigue usando GTM. Primero el Google Tag Manager, luego la etiqueta de vista de página GA. Porque nunca se sabe, tal vez un día de repente necesites rastrear algo que X proyecta y podrás hacerlo en poco tiempo (porque el Tag Manager ya estará implementado allí).

¿Pero qué pasa con los proyectos/sitios web que ya tienen implementadas algunas herramientas de rastreo de Google Analytics u otras herramientas de rastreo (no a través de Google Tag Manager)?

Hay un par de opciones aquí:

• La más recomendada: migrar todos los scripts de rastreo de código duro del código fuente del sitio web al Google Tag Manager. Este proceso no es fácil y requerirá tanto de tu aporte como del del desarrollador, pero a largo plazo, definitivamente dará sus frutos. Piensa en cuánto tiempo se retrasaron las campañas de marketing digital porque el desarrollador estaba ocupado con otros proyectos/tareas. Con GTM podrías implementar el seguimiento mucho más rápido y tu equipo se volvería mucho más ágil.
• Puedes implementar nuevas etiquetas con el Google Tag Manager mientras que las antiguas etiquetas siguen estando codificadas en forma dura (P.D. en este concurso, «codificado en forma dura» significa que los scripts de rastreo se agregan directamente al código fuente del sitio web). Sólo asegúrate de no estar rastreando las mismas interacciones tanto con los scripts codificados como con el Google Tag Manager (de lo contrario, tus datos en los informes se ¿Qué deberías aprender después de leer este tutorial de Google Tag Manager?

La lista de temas de Google Tag Manager que puedes aprender es definitivamente larga, pero si acabas de empezar, aquí tienes mis sugerencias:

La lista sigue y sigue (sólo estoy rascando la superficie aquí).

Preguntas frecuentes sobre Google Tag Manager

Apuesto a que todavía hay muchas preguntas en tu cabeza ahora mismo. ¡Eso es totalmente normal! Aquí están las más comunes. Si tienes más preguntas (que no fueron respondidas en esta guía), siéntete libre de dejar un comentario abajo.

1. ¿El Google Tag Manager funciona sólo con los productos de Google? No. Google Tag Manager funciona bien con muchas plataformas/herramientas. Ofrece una amplia gama de plantillas de etiquetas predefinidas (como Google Analytics, HotJar, Twitter Universal Tag, etc.) y, además, puede añadir códigos personalizados con la ayuda de una etiqueta HTML personalizada.

2. ¿Es Google Tag Manager gratuito? GTM tiene un plan tanto gratuito como Premium. Un plan gratuito es más que suficiente para las pequeñas y medianas empresas. Las grandes empresas pueden beneficiarse de una opción de pago de Google Tag Manager 360. Puedes comparar ambos planes de precios aquí.

3. ¿Qué pasa si mi sistema de gestión de contenidos no permite colocar el código de Google Tag Manager en el ? No te preocupes, no es el fin del mundo. En realidad, el código GTM

4. ¿Tengo que aprender a codificar para poder utilizar Google Tag Manager? No, pero el conocimiento de JavaScript, HTML, CSS, Expresión Regular, DOM será súper útil y le abrirá un horizonte completamente nuevo de posibilidades en el rastreo web con GTM. Pero incluso sin estas habilidades, puedes lograr grandes resultados.

5. ¿Sigo necesitando desarrolladores después de empezar a usar el Google Tag Manager? Depende de cuáles sean tus objetivos. Aunque se abren muchas nuevas oportunidades para los comerciantes digitales después de que empiezan a usar GTM, a veces la ayuda de un desarrollador sigue siendo necesaria. Tales interacciones como las acciones del reproductor de vídeo, el seguimiento de desplazamiento, la aparición de elementos en la pantalla, etc. serán bastante fáciles de seguir (a medida que vayas adquiriendo más experiencia con el GTM). Pero si necesitas algunos datos del lado del servidor (que no son accesibles por el Google Tag Manager), por ejemplo, el ID de usuario, el plan de precios del usuario, tendrás que cooperar con el desarrollador.

6. ¿Dónde puedo obtener ayuda con respecto a Google Tag Manager?

Pssst… Hay muchas más preguntas sobre GTM que he respondido (simplemente no quería hacer este tutorial de Google Tag Manager demasiado largo). Pero si estás interesado, no dudes en consultar mis preguntas frecuentes sobre Google Tag Manager.

Tutorial de Google Tag Manager: Palabras finales

GTM es una de mis herramientas favoritas de todos los tiempos que me ha ahorrado mucho tiempo y me ha ayudado a ser más ágil en el marketing digital y el análisis web. En este tutorial de Google Tag Manager para principiantes, has aprendido que el GTM es como un intermediario entre un sitio web / aplicación y herramientas de terceros (por ejemplo, Google Analytics, Google Ads, Facebook pixel).

En los viejos tiempos, todos los códigos de rastreo (tags) eran controlados por desarrolladores que tenían que agregarlos al código fuente del sitio web. Este flujo de trabajo causó varios problemas. Por nombrar algunos:

• Los desarrolladores estaban demasiado ocupados, por lo tanto, los mercadotécnicos/analistas web tenían que esperar días o incluso semanas para que sus códigos de seguimiento fueran implementados.
• Los múltiples códigos de rastreo significaban que estaban dispersos en diferentes lugares del sitio web, lo que significaba más dificultades en el mantenimiento del código.

Gracias a Google Tag Manager, añadir, editar y eliminar scripts de rastreo se ha vuelto mucho más fácil. En una sola interfaz, los vendedores pueden controlar los códigos (léase: etiquetas de rastreo) de varias herramientas, como GA, FB Pixel, etc. Para facilitar las cosas, las herramientas más populares pueden ser controladas con la ayuda de plantillas de etiquetas que no requieren conocimientos de codificación.

También en este tutorial de Google Tag Manager, he explicado qué etiquetas, disparadores y variables están en el GTM, cuál es su papel y cómo se conectan entre sí.

Las etiquetas son varias piezas de código (o plantillas) que se activan bajo ciertas circunstancias. Los disparadores son aquellas condiciones que activan las etiquetas. Y las variables son pequeños ayudantes que pueden contener datos (o algunos ajustes/funciones útiles) y pueden ser insertados en etiquetas, disparadores e incluso otras variables.