Get started with Tag Manager

2. Instala un contenedor web

Siguiente: 3. Agrega etiquetas en Google Tag Manager

Sigue estos pasos para instalar los fragmentos de código necesarios para el contenedor de Google Tag Manager de tu sitio web. Si deseas conocer los pasos similares para configurar Tag Manager para otros tipos de contenedores, consulta los siguientes recursos:

iOS: Google Tag Manager para iOS
Android: Google Tag Manager para Android
AMP: Guía de configuración de AMP y Tag Manager
Servidor: Tag Manager del servidor

Antes de comenzar

Debes crear una cuenta y un contenedor de Tag Manager.
Debes tener acceso al código de tu sitio web.

Pasos

Ve a https://tagmanager.google.com.
Accede a tu Cuenta de Google. Obtén información para crear una Cuenta de Google.
Abre el contenedor de Tag Manager que deseas editar.
En la pestaña Espacio de trabajo, selecciona el ID de tu contenedor (que comienza con "GTM").
En el diálogo Instalar Google Tag Manager, sigue estos pasos para cada página de tu sitio web:

Nota: Si tu sitio web se creó con un creador de sitios web o un sistema de administración de contenido (CMS) como WordPress, Shopify o Wix, puedes configurar la etiqueta de Google con una integración que no requiera que actualices el código de cada página de tu sitio web. Obtén información sobre cómo instalar tu etiqueta de Google con un creador de sitios web o un CMS.
1. Copia el primer bloque de código y pégalo lo más arriba posible en la etiqueta <head>.
  
  Ejemplo
  En el siguiente código HTML de ejemplo, deberías pegar el primer fragmento de código de Google Tag Manager después de la etiqueta HTML <head> de apertura. Ten en cuenta que en el siguiente ejemplo se usa "GTM-ABCDEFGH", pero debes reemplazar el ID por el de tu contenedor.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
2. Copia el segundo bloque de código y pégalo inmediatamente después de la etiqueta <body> de apertura.
  
  Ejemplo
  En el siguiente código HTML de ejemplo, deberías pegar el segundo fragmento de código de Google Tag Manager inmediatamente después de la etiqueta HTML <body> de apertura. Ten en cuenta que en el siguiente ejemplo se usa "GTM-ABCDEFGH", pero debes reemplazar el ID por el de tu contenedor.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Example Webpage</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
3. Para probar tu sitio web, ingresa el vínculo de tu sitio y, luego, haz clic en Probar.
Haz clic en Aceptar.

Próximos pasos

Utiliza Google Tag Manager para configurar y administrar etiquetas.

¿Te resultó útil esto?

¿Cómo podemos mejorarla?