Analizzare le configurazioni dei tag esistenti

Prima di installare nuovi tag, valuta quelli già presenti sul tuo sito web o sulla tua app mobile, se presenti, in modo da non aggiungere tag ridondanti. Questo documento descrive i modi per valutare i tag esistenti.

Anche dopo la valutazione preliminare, devi incorporare controlli regolari come parte della procedura standard di gestione dei tag. La valutazione regolare dei tag che vengono eseguiti sul tuo sito web o nella tua app è importante per la protezione e la sicurezza dei dati.

Per valutare i tag esistenti, utilizza le seguenti risorse:

• Google Tag Assistant
• Funzionalità di Google Tag Manager
• Tecniche di ispezione manuale del codice

Tag Assistant

Google Tag Assistant è uno strumento di analisi dei tag per le installazioni del tag Google. Se abilitato, Tag Assistant mostra un riquadro di debug nel browser per consentirti di controllare quali comandi gtag.js sono stati attivati e in quale ordine. Tag Assistant mostra i dati trasmessi al livello dati e gli eventi che hanno attivato questi scambi di dati. Mostra anche gli hit (richieste HTTP) e i parametri associati. Scopri di più su Tag Assistant.

Tag Manager

Puoi esaminare gli account e i contenitori Tag Manager per analizzare le configurazioni dei tag esistenti. Tag Manager include anche una modalità di anteprima, che ha una funzionalità simile a Tag Assistant.

Cerca

Utilizza la barra di ricerca nel contenitore di Tag Manager per individuare tag, impostazioni o righe di codice nei tag, negli attivatori e nelle variabili. La barra di ricerca è un ottimo modo per individuare i tag che potrebbero contenere impostazioni o codice che devi rivalutare.

Versioni

La funzionalità Versioni di Tag Manager mostra un riepilogo di una configurazione del contenitore esistente.

1. In Tag Manager, fai clic su Versioni.
2. Fai clic sulla versione più recente nell'elenco per visualizzare lo stato attuale del contenitore.

Tag Manager elenca tag, attivatori, variabili e modelli personalizzati in questa visualizzazione.

Modalità di anteprima

La modalità di anteprima in Tag Manager mostra i tag che si attivano su una pagina, gli eventi che li attivano e i dati che vengono inviati al livello dati. La modalità di anteprima funziona in modo molto simile a Tag Assistant. Scopri di più sulla modalità di anteprima.

Ispezione manuale del codice

Per un'analisi più approfondita delle configurazioni dei tag esistenti, ti consigliamo di eseguire un'ispezione manuale del codice. Cerca nel codice sorgente alcune di queste parole chiave comuni dei tag per identificare eventuali configurazioni dei tag:

• gtag(: questa è l'apertura per i comandi gtag() e questi frammenti di codice spesso contengono strumentazione aggiuntiva.
• googletagmanager.com: questo dominio carica le funzionalità di Tag Manager e gtag.js e può aiutarti a individuare questi tipi di tag.

Se utilizzi già gtag.js o Google Tag Manager, potresti essere in grado di aggiornare i tag o la strumentazione esistenti anziché implementare nuove configurazioni.

• dataLayer: può essere utilizzato per scoprire se è stato stabilito il codice del livello dati e le chiamate dataLayer.push() con strumentazione per eventi specifici.
• analytics.js o ga.js: nomi dei file delle librerie utilizzate per le implementazioni di Google Analytics precedenti.
• conversion.js o conversion_async.js: i nomi dei file delle librerie utilizzate per la misurazione delle conversioni di Google Ads.
• optimize.js: utilizzato per i tag Google Optimize.
• Sistemi di gestione tag di terze parti che potrebbero contenere tag Google. Cerca nel codice sorgente potenziali sistemi di gestione tag di terze parti, come utag.js o _satellite.

Tag Google

Se hai aggiunto lo snippet del tag Google alla tua pagina web, puoi esaminare il tag per scoprire di più sul suo utilizzo. Lo snippet del tag Google attuale è simile al seguente esempio:

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

Gli snippet delle versioni precedenti sono simili all'esempio seguente:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

Nelle implementazioni che utilizzano versioni precedenti, potresti visualizzare più righe gtag('config',...) per prodotti e account aggiuntivi. Ad esempio:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Nota: il comando gtag('config') è deprecato. Nelle installazioni aggiornate del tag Google, le destinazioni e i parametri aggiuntivi vengono configurati nell'UI di Google Tag Manager, anziché aggiungere più righe gtag('config') in-page. Le chiamate gtag('config') esistenti continueranno a funzionare per la compatibilità con le versioni precedenti. Scopri di più.

Ogni riga config nelle versioni precedenti contiene il prefisso del prodotto (che indica il prodotto in fase di configurazione), seguito dall'ID dell'account in fase di configurazione. Scopri di più sui prefissi dei prodotti.

Nota: il prodotto e l'account il cui ID è mostrato nell'URL di origine dello script (ovvero l'ID nella parte superiore dello snippet dopo www.googletagmanager.com/gtm.js?id o /gtag/js?id) sono quelli che "controllano" il tag Google. In alcuni casi è importante saperlo, poiché alcune funzionalità, come i tag del sito collegati per le proprietà Google Analytics, possono essere attivate solo da un tag controllato da quel prodotto e da quell'account.

Prefissi dei prodotti per il tag Google

Un ID tag o contenitore identifica il contenitore Google Tag Manager o la configurazione della destinazione Google caricata dallo snippet del tag Google. Le nuove installazioni utilizzano un ID contenitore di Google Tag Manager (GTM-) per impostazione predefinita, mentre gli ID specifici della destinazione identificano i singoli prodotti Google. La tabella seguente fornisce una panoramica dei prefissi degli ID supportati:

Prefisso	Tipo di ID	Descrizione
GTM-XXXXXX	ID contenitore Google Tag Manager (predefinito)	ID predefinito per i contenitori di Google Tag Manager. Supporta tutti i tag Google, di terze parti e personalizzati.
G-XXXXXX	ID specifico della destinazione	Identifica una destinazione Google Analytics (ID misurazione).
AW-XXXXXX	ID specifico della destinazione	Identifica una destinazione annuncio Google Ads (ID conversione).
DC-XXXXXX	ID specifico della destinazione	Identifica una destinazione Floodlight (ID inserzionista).
MC-XXXXXX	ID specifico della destinazione	Identifica una destinazione Google Merchant Center.
GT-XXXXXX	ID tag Google	Identifica un tag Google creato nelle versioni precedenti.

Le pagine web configurate con il tag Google possono utilizzare un ID contenitore GTM- o un ID specifico della destinazione, ad esempio G- (Google Analytics), AW- (Google Ads), DC- (Floodlight) o MC- (Merchant Center). Se la tua pagina carica già un tag Google con uno di questi ID, puoi collegare altre destinazioni in Google Tag Manager anziché aggiungere un altro snippet del tag alla pagina. Scopri di più sulla configurazione degli ID tag

Nota: il prefisso dell'ID contenitore presente sul tuo sito (ad esempio GTM- rispetto a G- o AW-) determina le autorizzazioni e le funzionalità di esecuzione dello script. Per maggiori dettagli, consulta Tipi di contenitori e prefissi degli ID.

Google Tag Manager

Le pagine web configurate con Tag Manager avranno un tag contenitore installato simile al seguente esempio. Puoi identificare l'ID contenitore di Tag Manager esaminando il codice del contenitore. L'ID contenitore inizia con "GTM-". Di seguito è riportato un esempio di posizionamento dell'ID contenitore:

<!-- Google tag -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

Gli snippet delle versioni precedenti sono simili all'esempio seguente:

<!-- 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 -->

Una volta ottenuto l'ID contenitore, apri la schermata degli account Google Tag Manager e fai clic su per cercare questo ID. Puoi quindi esaminare la configurazione dei tag per il tuo sito web.