¿Cómo crear un contenedor en Google Tag Manager?

Autor: | Última modificación: 10 de abril de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Google Tag Manager está compuesto por diferentes elementos y uno de ellos es el contenedor, que se podría decir que es la parte más importante para el funcionamiento de Google Tag Manager. En este post, te vamos a mostrar cómo crear un contenedor en Google Tag Manager y te contamos por qué es tan importante. 

Crear un contenedor en Google Tag Manager

Un contenedor, también conocido como código de contenido o código de instalación, se usa para guardar uno o más tags o etiquetas de analítica y sus activadores y variables correspondientes.

Para crear un contenedor en Google Tag Manager, debes saber que tienes diferentes tipos de contenedores y etiquetas que puedes crear: código de Google Analytics, código de conversiones de Google Ads, códigos de Facebook y otros servicios. 

Los contenedores también pueden creaser para las necesidades de tu organización, solo debes crear el código desde cero. 

Los códigos de contenedores pueden usarse para implementar Google Analytics en un sitio web o usar pixel tracking en algún otro elemento. 

Configurar el contenedor

Lo primero que debes hacer para crear un contenedor en Google Tag Manager es crear una nueva cuenta. Para esto solo debes entrar con algún correo de Google y darle a crear cuenta. Una vez entras, se abrirá un panel en el que debes dar la información necesaria. Aquí es donde vas a crear un contenedor en Google Tag Manager.

Aquí debes escoger el tipo de contenedor que vas a crear, puedes hacerlo para un sitio web o para aplicaciones. Una vez termines de crearlo, se va a abrir un panel en el que debes aceptar las condiciones de uso. 

Después, se abrirá un cuadro de texto donde vas a encontrar el código que debes instalar en tu página.

Este código también puedes encontrarlo en el panel de administrador dentro de instalar Google Tag Manager.

Después de esto, el paso para terminar de crear un contenedor en Google Tag Manager es instalarlo dentro de tu sitio web y publicarlo para que empiece a funcionar de manera correcta. 

Puedes usar tag assistant para verificar si está instalado correctamente o si debes hacer algún tipo de cambio. 

Luego debes hacer la configuración de las variables y activadores para que encuentres y guardes los datos que necesitas. 

Crear un contenedor en Google Tag Manager realmente es muy sencillo; solo debes configurar la manera en la que va a funcionar.

Funcionamiento de los contenedores

Ya que saber crear un contenedor en Google Tag Manager, es importante que sepas cómo funciona, para saber corregir los errores en caso de que sea necesario. 

🔴 ¿Quieres entrar de lleno al Marketing Digital? 🔴

Descubre el Bootcamp en Marketing Digital y Análisis de Datos de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Marketing Digital y Análisis de Datos por una semana

Los contendores tienen tres eventos que pueden suceder:

gtm.js

Este evento aparece cuando se crea una conexión entre Google Tag Manager y el sitio web o aplicación. 

gtm.dom

Este evento ocurre cuando la estructura del sitio web se ve de manera satisfactoria en el navegador. 

gtm.load

Cuando la ventana está completada y cargada. 

Los contenedores están compuestos de dos secciones. La primera sección es la que debes agregar a la sección <head> dentro de tu sitio web. Lo más recomendable es que lo pongas como el primer elemento dentro de esta lista en absolutamente todas las páginas dentro de tu sitio web. Si no lo pones en todas las páginas, no habrá posibilidad de hacer un seguimiento real de todas las estadísticas del sitio, pues las herramienta no tendrán acceso a las páginas. 

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHTCBNG');</script>
<!-- End Google Tag Manager -->

La segunda parte del contenedor se debe poner directamente después, en el <body> de la página de todas las páginas del sitio:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHTCBNG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

También se recomienda ponerlo en prime lugar dentro de este código. 

¿Quieres saber más?

Si quieres aprender sobre las herramientas de Google que puedes usar para el marketing digital y las diferentes formas en las que puedes implementarlas, no dudes en entrar en nuestro Bootcamp de Marketing Digital y Análisis de Datos. ¡Atrévete a cambiar tu vida y solicita información!