Google Tag Manager è uno strumento gratuito di Google che consente di implementare e gestire i tag su un sito web senza necessità di modificare il codice sorgente della pagina. I tag hanno varie funzioni, molto spesso sono utilizzati per raccogliere e inviare dati a servizi di analisi, per azioni di marketing e altre funzionalità.

In breve con GTM puoi aggiungere o rimuovere tag dal tuo sito web, stabilire come e quando i tag devono essere eseguiti, potendone poi monitorare le prestazioni senza l’intervento di uno sviluppatore.

Google Tag Manager supporta una vasta gamma di tag, tra i quali Google Analytics, Google Ads, Facebook Pixel e molti altri

A che cosa serve Google Tag Manager

Lo scopo principale di Google Tag Manager è quello di semplificare la gestione dei tag su un sito web o su un app, centralizzandoli il più possibile in un solo pannello di controllo.

Offre il grande vantaggio di non dover ricorrere all’implementazione / modifica manuale del codice e razionalizza anche tutto il processo di inserimento / gestione riducendo il margine di errore.

Come utilizzare Google Tag Manager

L’implementazione di Google Tag Manager (GTM) richiede alcuni passaggi:

Crea un account GTM: vai sul sito web di Google Tag Manager e crea un account. Se hai già un account Google, puoi utilizzare le tue credenziali esistenti.

Crea un container: un container è l’unità di base di GTM. Crea un container per il tuo sito web o app mobile.

Aggiungi il codice di GTM: copia il codice di GTM e incollalo nel tuo sito web o app mobile, solitamente nella sezione <head> del codice HTML.

Implementa i tag: aggiungi i tag al tuoi container. Configura i tag che desideri utilizzare, ad esempio Google Analytics, Google Ads, Facebook Pixel, ecc.

Definisci le regole (trigger o attivatori): definisci le regole per determinare quando e come i tag devono essere eseguiti. Puoi personalizzare i trigger in base a specifiche condizioni o eventi ( ad esempio con una interazione dell’utente o la semplice visualizzazione di pagina).

Crea le variabili: le variabili sono utili per memorizzare / recuperare dati per tag e trigger. GTM consente di usare variabili predefinite come di crearne di personalizzate.

Fai un test e pubblica le modifiche del tuo container: pubblica le modifiche ai tag e alle regole per renderle operative. Fai riferimento alla guida di Google per maggiori dettagli.

Come impostare la Consent Mode con il template Acconsento

Iniziare con Google Tag Manager

Per prima cosa crea un account Google Tag Manager, quindi imposta un container. Questi passi sono necessari per ottenere lo snippet GTM che dovrai poi incollare entro la sezione <head> del tuo sito web.

Se hai dubbi, fai riferimento alla guida di Google.

Incolla lo snippet GTM nella sezione <head> del tuo sito web

Vedrai comparire, adesso, la dashboard del tuo account GTM.

Impostare la Consent Mode con il template Acconsento

1. Installazione del widget Acconsento.click

Vai nella console di Google di Tag Manager, sezione Tag. Fai clic su nuovo per aggiungere un nuovo Tag. Vedrai questa schermata

Nella schermata “Scegli il tipo di tag”, scorri fino a “Personalizzati” quindi clicca su HTML personalizzato.

Incolla nel campo HTML il codice Javascript che ha andrà a creare il widget di Acconsento.click.

<script>
    var acconsentoScript = document.createElement(“script”)
    acconsentoScript.setAttribute(“src”, “https://acconsento.click/script-gtm.js”)
    acconsentoScript.setAttribute(“id”, “acconsento-script”)
    acconsentoScript.setAttribute(“data-key”, “*il tuo data key*”)
    document.getElementsByTagName(“head”)[0].appendChild(acconsentoScript);
</script>

Non aggiungere alcun attivatore (trigger) perché questa task sarà eseguita direttamente dal template per la Consent Mode di Acconsento.click. Dai un nome al Tag (ti consigliamo Widget Acconsento), quindi salvalo.

2. Importazione del template per la Google Consent Mode di Acconsento.click

A questo punto importiamo il template di Acconsento.click per la Consent Mode. Dalla console vai su “Modelli” e crea un nuovo Modello di Tag. Dall’editor seleziona “Importa” dal menù

Importa quindi il Template di Acconsento.click.

Se l’importazione avviene correttamente, vedrai una schermata simile.

Clicca su Salva.

3. Creazione del tag per l’inizializzazione della Consent Mode di Google

Ora devi solo creare il tag che si occuperà di inizializzare la Consent Mode. Torna quindi nella console di Google Tag Manager e crea un nuovo Tag. In “Scegli il tipo di Tag” seleziona, nella sezione “Personalizzati”, il template di Accconsento.click per la Consent Mode.

Nella schermata “Configurazione tag” aggiungi la riga nella quale si specificano i tipi di consenso accettati e rifiutati di default. In dettaglio, in “Denied Consent Types”, copincolla le 4 impostazioni della Consent Mode di Google ovvero “ad_storage, ad_user_data, ad_personalization, analytics_storage”.

Clicca quindi su “Aggiungi”. Per maggiori dettagli sui tipi di consenso, vai riferimento alla guida di Google.

Quindi, in Impostazioni Avanzate:

– seleziona nelle “Opzioni di attivazione tag” l’ opzione “Una volta per evento”;

– flagga in “Sequenza tag” la prima opzione, quindi seleziona il tag di Acconsento creato in precedenza (in questo caso Acconsento widget).

Spostati nella sezione “Attivazione” e scegli, come attivatore di questo tag, l’inizializzazione del consenso.

Al termine di queste operazioni, vedrai una schermata simile

Clicca quindi su Salva: ti consigliamo di rinominare questo tag come “Acconsento Consent Mode” o simili.

Pubblica infine le modifiche del tuo contenitore.

Nota bene: per la risoluzione dei problemi legati alla mancanza della Consent Mode o dei segnali TCF sui tag Google, richiedi qui il nostro supporto.

Disabiltare la Consent Mode di Google in caso di necessità

Acconsento.click offre anche la possibilità di disattivare la Consent Mode predefinita, aggiornando i comandi e riattivando quindi il blocco dei tag, in caso ciò si renda necessario.