Vai al contenuto principale

Aiuto del sito Web

Deutsch English Español Français Português

Centro assistenza

Come possiamo aiutarti?

Ricerca

Google Tag Manager Tracking

  • Aggiornato

Questo articolo illustra come implementare Google Tag Manager nel proprio sito. Per informazioni su come creare tag GA4 in Google Tag Manager, consulta la documentazione di Google.

Nota

Google Analytics 4 sta sostituendo Universal Analytics. Il 1° luglio 2023, tutte le proprietà standard di Universal Analytics interromperanno l'elaborazione dei nuovi risultati. Le proprietà di 360 Universal Analytics interromperanno l'elaborazione dei nuovi risultati il 1° luglio 2024. Per informazioni su come effettuare la migrazione, vedi Passare a Google Analytics 4.

This article does not follow Google’s instructions exactly, but have been tested and work correctly. The instructions have been changed from Google’s instructions for the following reasons:

  1. Google chiede di installare il codice nell'<head> del sito. Questo però non favorisce la velocità di caricamento delle pagine, bensì la rallenta. Per questo, preferiamo posizionarlo nella parte inferiore di <body-end>, così verrà caricato per ultimo.
  2. Nota

    Ti consigliamo di inserire il codice in <body-end> perché mentre Google Tag Manager si carica in modo asincrono, il problema con il caricamento in modo asincrono è che inizierà a scaricare risorse ed eseguire il codice. Questa attività entra in competizione con altre risorse sul telefono/computer per larghezza di banda, utilizzo del processore e altro. Se inserisci il codice in <head>, gli stai comunque assegnando la priorità rispetto ad altre risorse che il browser potrebbe voler scaricare, come: stile e layout del sito, contenuto principale, immagini above the fold e altro.

    Website Builder ha costantemente riscontrato che le prestazioni dei siti Web che inseriscono il codice GTM nell'<head> sono peggiori rispetto a quelli che non lo fanno. Abbiamo ottimizzato il nostro sito per attribuire priorità ai contenuti visibili, in linea con Core Web Vitals e le relative metriche di FCP e LCP.

  3. It is easier to copy code into a single location.

Add Google Tag Manager

Google ti fornirà del codice incorporato che somiglia agli esempi qui sotto. Entrambi vanno installati nel <body-end> del sito. Per individuare il <body-end> del sito, nel pannello laterale dell'editor fai clic su Impostazioni, quindi su HTML intestazione.

Nota

The below code is just an example - do not copy this directly into your site. Please be sure to obtain the correct code from Google.

Sezione Script

 
<!-- 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-XXXX');</script>
<!-- End Google Tag Manager -->

Sezione NoScript

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Set Up Google Tag Manager

Attenzione

This step is critical in allowing Google Tag Manager tracking inside your site.

Next, we need to replace the default All Pages page view trigger with our custom event. Inside of tag manager, we need to first create the custom event trigger:

  1. Go to Google Tag Manager and sign in.
  2. On the left, click Triggers.
  3. On the right side, click the new button.
  4. Type a name for the trigger at the top left. We recommend something memorable and helpful, such as: Custom Page View Trigger.
  5. Click the custom trigger configuration box and select Custom Event.
  6. In the event name box, type dPageView.
  7. Fai clic su Salva nel Tag Manager.

Una volta creato il trigger, bisogna applicarlo ai tag desiderati. La procedura va svolta per ciascun tag usato sul sito per attivare gli eventi di visualizzazione della pagina. In questo esempio, lo applicheremo a Google Analytics Universal, ma Google Analytics 4 è la versione più recente che consigliamo di utilizzare. Per informazioni su come creare e applicare i trigger ai tag GA4 in Google Tag Manager, consulta la documentazione di Google.

  1. In Tag Manager, go to tags.
  2. Create a new tag.
  3. Type a memorable name.
  4. Click the Tag Configuration box and select the tag you want to use. In this case, Google Analytics Universal.
  5. Dopo aver impostato il tag, metti la spunta alla casella Attivazione. Scegli il trigger personalizzato che abbiamo creato nella Pagina personalizzata del trigger.

    6. Nota

    If there’s already the All Pages trigger applied, please delete it. We only need the custom trigger to run.

  6. Seleziona una nuova variabile.
  7. Seleziona Impostazioni di Google Analytics.
  8. Inserisci l'ID di monitoraggio di GA e digita un nome per la variabile in alto.
  9. Seleziona la variabile e fai clic su Salva.

After you have made these changes to Tag Manager, click Submit and then Publish the changes to the live settings.

Considerations for Google Tag Manager

  • This code will only run on the live published site. You will want to make sure you test it on the live version.
  • Abbiamo svolto test approfonditi e la sezione body-end.html della modalità sviluppatore funziona per l'aggiunta del codice noscript e del codice predefinito.
  • Please do not change the ‘dataLayer’ setting from Google Tag Manager, this will break our custom integration code.