Get started with Tag Manager

2. Installa un contenitore web

Successiva: 3. Aggiungi tag in Google Tag Manager

Segui questi passaggi per installare gli snippet di codice necessari per il contenitore di Google Tag Manager del tuo sito web. Per i passaggi simili sulla configurazione di Tag Manager per altri tipi di contenitori, consulta le seguenti risorse:

iOS: Google Tag Manager per iOS
Android: Google Tag Manager per Android
AMP: guida alla configurazione di AMP e Tag Manager
Server: Tag Manager lato server

Prima di iniziare

Devi creare un account e un contenitore Tag Manager.
Devi essere in grado di accedere al codice del tuo sito web.

Procedura

Vai alla pagina https://tagmanager.google.com.
Accedi al tuo Account Google. Scopri come creare un Account Google.
Apri il contenitore di Tag Manager che vuoi modificare.
Nella scheda Area di lavoro, seleziona l'ID contenitore (che inizia con "GTM").
Nella finestra di dialogo Installa Google Tag Manager, segui questi passaggi per ogni pagina del tuo sito web:

Nota: se il tuo sito web è stato creato utilizzando uno strumento per la creazione di siti web o un sistema di gestione dei contenuti (CMS), ad esempio WordPress, Shopify o Wix, puoi configurare il tag Google con un'integrazione che non richiede l'aggiornamento del codice su ogni pagina del tuo sito web. Scopri come installare il tag Google con uno strumento per la creazione di siti web o un CMS.
1. Copia il primo blocco di codice e incollalo il più in alto possibile nel tag <head>.
  
  Esempio
  Nel seguente codice HTML di esempio devi incollare il primo snippet di codice di Google Tag Manager dopo il tag HTML di apertura <head>. Tieni presente che nell'esempio seguente viene utilizzato "GTM-ABCDEFGH", ma tu devi sostituire l'ID con l'ID contenitore.
  
  <!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 il secondo blocco di codice e incollalo subito dopo il tag di apertura <body>.
  
  Esempio
  Nel seguente codice HTML di esempio incolla il secondo snippet di codice di Google Tag Manager subito dopo il tag HTML di apertura <body>. Tieni presente che nell'esempio seguente viene utilizzato "GTM-ABCDEFGH", ma tu devi sostituire l'ID con l'ID contenitore.
  
  <!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. Esegui il test del tuo sito web inserendo il relativo link e facendo clic su Testa.
Fai clic su Ok.

Passaggi successivi

Utilizza Google Tag Manager per configurare e gestire i tag.

È stato utile?

Come possiamo migliorare l'articolo?