Gracias por consultar la versión preliminar de la nueva documentación sobre etiquetas de Google. Este sitio web está en versión beta pública. (Comentarios)

Instalar Google Tag Manager en páginas web

Google Tag Manager es un sistema de gestión de etiquetas que te permite actualizar etiquetas y fragmentos de código de tu sitio web de manera rápida y sencilla. Inicia Google Tag Manager.

En este artículo se describe cómo instalar Tag Manager en páginas web. Para obtener información sobre otras plataformas, consulta la documentación sobre las instalaciones de Android, iOS o Server.

Para instalar la versión web de Tag Manager, debes añadir un pequeño fragmento de código a tus páginas web o aplicaciones móviles. Con este código, Tag Manager puede insertar etiquetas en las páginas web o aplicaciones móviles para activarlas.

Instalación estándar de páginas web

En la mayoría de los casos, la forma más sencilla de empezar es encontrar el código y las instrucciones en Tag Manager.

  1. Si aún no lo has hecho, crea una cuenta y un contenedor de Google Tag Manager.
  2. En Google Tag Manager, haz clic en Espacio de trabajo.
  3. En la parte superior de la ventana, busca tu ID de contenedor, que tiene el formato GTM-XXXXXX. Haz clic en el ID de contenedor para abrir la ventana Instalar Tag Manager.
    GTMID
  4. Copia el código y pégalo en todas las páginas siguiendo las instrucciones que se indican. El primer bloque de código se coloca inmediatamente después de la etiqueta de apertura <head> de la página web, o lo más alto posible en la etiqueta <head>. De este modo, te aseguras de que la configuración de Tag Manager esté disponible y preparada cuando se cargue el resto de la página.
    Pantalla de instalación de Tag Manager
  5. Opcional, pero recomendado: instala un objeto de capa de datos. Una capa de datos permite hacer una medición más precisa de la configuración de tus etiquetas.
  6. Publica el contenedor.

Después de completar la instalación de Tag Manager, hay que configurar la etiqueta en la interfaz de usuario de Tag Manager.

Instalaciones web personalizadas

En casos excepcionales (por ejemplo, al crear una plantilla para un sistema de gestión de contenido o una plantilla de comercio electrónico), puedes codificar una etiqueta gtm.js personalizada. Añade 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. Sustituye GTM-XXXXXX por tu 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, añade este código justo después del elemento de apertura <body> en todas las páginas de tu sitio web. Sustituye GTM-XXXXXX por tu 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) -->

Obtener instrucciones de configuración de productos específicos

Haz clic en los enlaces que se incluyen a continuación para obtener información sobre cómo configurar Tag Manager para productos específicos: