Creazione di un account Google Tag Manager
Google Tag Manager è uno strumento gratuito che consente di gestire i tag e gli script di un sito da un unico pannello, senza intervenire manualmente sul codice a ogni modifica. Può essere utilizzato per installare il widget di accessibilità e gestirne il caricamento su tutte le pagine.
Se Google Tag Manager è già installato correttamente sul sito, è possibile passare direttamente alla sezione Aggiunta dello script del widget.
Per iniziare è necessario accedere con un account Google e creare un nuovo account GTM. Una volta creato, questo sarà visibile nel menu laterale insieme agli altri eventuali ambienti già configurati.
Configurazione di account e contenitore
Nella schermata di creazione vanno compilati i campi richiesti:
- nel campo Nome account inserire il nome dell’azienda o del progetto (ad esempio La mia azienda);
- nel campo Paese selezionare la nazione in cui si opera;
- la condivisione dei dati in forma anonima con Google è facoltativa e può essere attivata o meno;
- nel campo Nome contenitore inserire di norma il dominio del sito (ad esempio “www.miosito.it”);
- nel campo Piattaforma di destinazione selezionare Web, opzione adatta ai siti web, compresi quelli consultati da dispositivi mobili;
- al termine premere Crea.
Google mostra quindi i Termini di servizio: per proseguire leggerli e, se condivisi, accettarli.
Copia e installazione dei codici
Una volta creato il contenitore, Google Tag Manager fornisce due snippet di codice:
- il primo va inserito nella sezione <head> del sito, il più in alto possibile;
- il secondo subito dopo il tag <body> è il codice noscript. Utile per i browser che non supportano JavaScript
I codici devono essere presenti su tutte le pagine, idealmente tramite template comune, in modo che risultino presenti ovunque.
Verifica dell’installazione
Dopo aver inserito i codici, tornare in Google Tag Manager ed utilizzare la funzione Anteprima per controllare che il contenitore sia installato correttamente e pronto a ricevere i tag. Se la verifica ha esito positivo, procedere con l’aggiunta dello script del widget.
Aggiunta dello script del widget
Con l’account creato e i codici installati sul sito è possibile aggiungere lo script del widget in questo modo:
- dal menu laterale sinistro aprire la sezione Tag;
- premere Nuovo, in alto a destra;
- selezionare l’area Configurazione tag;
- nella sezione Personalizzati scegliere HTML personalizzato;
- nel campo HTML incollare il codice del widget, reperibile nel pannello del servizio alla sezione Widget Accessibilità;
- passare quindi alla sezione Attivazione e si aggiunge un attivatore;
- selezionare All Pages (o Visualizzazione di pagina), così che il widget venga caricato su tutte le pagine;
- assegnare al tag un nome chiaro, ad esempio -Widget accessibilità-;
- premere Salva.
Pubblicazione del tag e configurazione del widget
Dalla schermata principale dei tag selezionare il tag appena creato e premere Invia, in alto a destra, per pubblicare le modifiche, prima della pubblicazione è possibile utilizzare Anteprima, accanto a Invia, per individuare eventuali problemi di integrazione.
Se Google Tag Manager segnala un errore prima della pubblicazione, oppure se il widget non compare dopo l’invio, occorre verificare che lo script sia stato copiato correttamente e che l’attivatore sia impostato su tutte le pagine.
Dopo la pubblicazione il widget adotta le impostazioni predefinite, per personalizzarne aspetto, funzioni e testi si accede al pannello del servizio, seguendo la guida dedicata alla configurazione del widget di accessibilità.
Attenzione è importante inserire sempre l’URL del sito nella sezione Accessibilità del pannello: se l’URL è assente o errato, il widget potrebbe non funzionare.