Get started with Tag Manager

2. Instale un contenedor web

Siguiente: 3. Añada etiquetas en Google Tag Manager

Siga estos pasos para instalar los fragmentos de código necesarios en el contenedor de Google Tag Manager de su sitio web. Si quiere conocer los pasos similares para configurar Tag Manager para otros tipos de contenedores, consulte 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 lado del servidor

Antes de empezar

Debe crear una cuenta y un contenedor de Tag Manager.
Debe poder acceder al código de su sitio web.

Pasos

Acceda a https://tagmanager.google.com.
Inicie sesión en su cuenta de Google. Consulte cómo crear una cuenta de Google.
Abra el contenedor de Tag Manager que quiere editar.
En la pestaña Espacio de trabajo, seleccione el ID de su contenedor (que empieza por "GTM").
En el cuadro de diálogo Instalar Google Tag Manager, siga estos pasos para cada página de su sitio web:

Nota: Si su sitio web se ha creado con un creador de sitios web o un sistema de gestión de contenido (CMS), como WordPress, Shopify o Wix, puede configurar la etiqueta de Google con una integración que no requiera que actualice el código de cada página de su sitio web. Consulte cómo instalar la etiqueta de Google con un creador de sitios web o un CMS.
1. Copie el primer bloque de código y péguelo lo más arriba posible en la etiqueta <head>.
  
  Ejemplo
  En el siguiente código HTML de ejemplo, pegaría su primer fragmento de código de Google Tag Manager después de la etiqueta HTML <head> de apertura. Tenga en cuenta que en el ejemplo siguiente se usa GTM-ABCDEFGH, pero debe sustituir el ID por el de su 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. Copie el segundo bloque de código y péguelo inmediatamente después de la etiqueta <body> de apertura.
  
  Ejemplo
  En el siguiente código HTML de ejemplo, pegaría su segundo fragmento de código de Google Tag Manager inmediatamente después de la etiqueta HTML <body> de apertura. Tenga en cuenta que en el ejemplo siguiente se usa GTM-ABCDEFGH, pero debe sustituir el ID por el de su 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 su sitio web, introduzca el enlace de su sitio web y, luego, haga clic en Probar.
Haga clic en Aceptar.

Pasos siguientes

Utilice Google Tag Manager para configurar y gestionar las etiquetas.

¿Te ha resultado útil esta información?

¿Cómo podemos mejorar esta página?