Instalar Google Tag Manager para páginas web

Acerca de Tag Manager

Google Tag Manager es un sistema de administración de etiquetas que le permite actualizar etiquetas en su sitio web de forma rápida y fácil. La instalación de Tag Manager para la Web requiere un pequeño fragmento de código que debes agregar a tus páginas web. Este código permite que Tag Manager active etiquetas mediante la inserción de etiquetas en páginas web.

Antes de comenzar

Crear una cuenta y un contenedor de Google Tag Manager Más información

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.

  1. En Google Tag Manager, haga clic en Lugar de trabajo.
  2. Haz clic en tu ID del contenedor (con formato GTM-XXXXXX) en la parte superior de la ventana para iniciar la ventana Instalar Tag Manager.
    ID de GTM
  3. Instale la etiqueta en todas las páginas de su sitio web según las instrucciones proporcionadas.
    El primer bloque de código se coloca inmediatamente después de la etiqueta de apertura de la página web <head> o lo más alto posible en la etiqueta <head>. Esto ayuda a garantizar que tu configuración de Tag Manager esté disponible y lista cuando se cargue el resto de la página.
    Pantalla de instalación de Tag Manager
  4. Opcional, pero recomendado: Instalar un objeto de capa de datos. Una capa de datos habilitará las mediciones más sólidas para la configuración de sus etiquetas.
  5. Publique su 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 (p.ej., cuando creas una plantilla nueva para un sistema de administración de contenido o una plantilla de comercio electrónico), es posible que desees codificar una etiqueta gtm.js personalizada. Agrega el siguiente código para que esté lo más cerca posible de la etiqueta de apertura <head> en todas las páginas de tu sitio web. Reemplaza GTM-XXXXXX por el ID del 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 -->

Luego, agrega este código inmediatamente después del elemento <body> de apertura en cada página de tu sitio web. Reemplaza GTM-XXXXXX por el ID del 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) -->

Obtén orientación sobre la configuración específica de productos

Haga clic en los siguientes vínculos para obtener más información sobre cómo configurar Tag Manager para productos específicos: