Acerca del Administrador de etiquetas
Google Tag Manager es un sistema de gestión de etiquetas que le permite actualizar etiquetas en su sitio web de forma rápida y sencilla. La instalación de Tag Manager para la web requiere un pequeño fragmento de código que agrega a sus páginas web. Este código permite que Tag Manager active etiquetas insertando etiquetas en páginas web.
Antes de que empieces
Cree una cuenta y un contenedor de Google Tag Manager. Aprende más
Instalación de página web estándar
En la mayoría de los casos, la forma más fácil de comenzar es encontrar el código y las instrucciones desde Tag Manager.
- En el Administrador de etiquetas de Google , haga clic en Espacio de trabajo .
- Haga clic en su ID de contenedor (formateado como
GTM-XXXXXX) en la parte superior de la ventana para abrir la ventana Instalar Tag Manager.
- Instale la etiqueta en cada página de su sitio web siguiendo las instrucciones proporcionadas.
El primer bloque de código se coloca mejor inmediatamente después de la etiqueta<head>de apertura de la página web, o lo más alto posible en<head>. Esto ayuda a garantizar que la configuración de Tag Manager esté disponible y lista cuando se cargue el resto de la página.
- Opcional, pero recomendado: Instale un objeto de capa de datos . Una capa de datos permitirá una medición más robusta para las configuraciones de sus etiquetas.
- Publica tu contenedor.
Una vez que se completa la instalación de Tag Manager, toda la configuración de etiquetas se realiza desde Tag Manager .
Instalaciones web personalizadas
En casos excepcionales (por ejemplo, al crear una nueva plantilla para un sistema de administración de contenido o una plantilla de comercio electrónico), es posible que desee codificar una etiqueta gtm.js personalizada. Agregue el siguiente código para que esté lo más cerca posible de la etiqueta de apertura <head> en cada página de su sitio web. Reemplace GTM-XXXXXX con su ID de contenedor:
<!-- 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-XXXXXX');</script>
<!-- End Google Tag Manager -->
A continuación, agregue este código inmediatamente después del elemento de apertura <body> en cada página de su sitio web. Reemplace GTM-XXXXXX con su ID de contenedor:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Obtenga una guía de configuración específica del producto
Haga clic en los enlaces a continuación para obtener información sobre cómo configurar Tag Manager para productos específicos: