Come installare il widget di accessibilità con Tag Manager

In questa guida vedremo passo-passo come installare il widget di accessibilità LegalBlink utilizzando Google Tag Manager (GTM).

Il procedimento prevede tre fasi:

1. Creare un account Google Tag Manager e configurare il contenitore per il tuo sito.

2. Aggiungere lo script del widget di accessibilità LegalBlink tramite GTM, per poi passare alla configurazione del widget direttamente dal tuo account LegalBlink (secondo la guida dedicata).

Google Tag Manager è uno strumento gratuito che consente di gestire centralmente i tag e gli script del sito, evitando di modificare manualmente il codice ogni volta. In questo modo l’installazione del widget LegalBlink sarà più rapida, ordinata e facilmente gestibile in futuro.

💡 Attenzione: se hai già inserito correttamente Google Tag Manager nel tuo sito puoi andare direttamente alla seconda parte della guida, dove vedrai come inserire lo script di accessibilità.

SOMMARIO

Prima parte
Accedi a Google Tag Manager
Configura l'account e il contenitore
Copia i codici di installazione
Verificare l'installazione

Seconda parte
Accedi alla sezione "Tag" in GTM
Configura il nuovo Tag
Inserisci lo script di LegalBlink
Imposta l'attivatore
Pubblica le modifiche
Cosa fare se GTM da errore prima della pubblicazione
Configura e personalizza il tool dal tuo account LegalBlink

Accedi a Google Tag Manager

1. Vai su https://tagmanager.google.com e accedi con il tuo account Google.
2. Nella schermata iniziale, se non hai ancora account attivi, clicca su "Crea account"

Troverai poi l'account aperto ed eventuali altri account a sinistra della pagina.


Fig. 1 Crea account

Configura l’account e il contenitore

Nella schermata di creazione account:

• Nome account: inserisci il nome della tua azienda o progetto (es. La mia azienda).
• Paese: seleziona la nazione in cui operi.
• Puoi scegliere se condividere i dati in forma anonima con Google (opzione facoltativa).
• Nome contenitore: normalmente il dominio del sito (es. www.miosito.it).
• Piattaforma di destinazione: seleziona Web (come nel secondo screenshot) per i siti web, inclusi quelli visualizzati da dispositivi mobili.

Poi clicca su Crea.

Fig. 2 Configura account e contenitore

Dopo aver cliccato su “Crea”, Google mostrerà i Termini di servizio di Google Tag Manager.
Leggili e, se concordi, accetta per proseguire.

Copia i codici di installazione

Una volta creato il contenitore, vedrai comparire due blocchi di codice:

1. Codice da inserire nella sezione
   • Va copiato ed incollato il più in alto possibile, subito dopo il tag
2. Codice da inserire subito dopo il tag
   • Questo è il codice noscript, utile per i browser che non supportano JavaScript.

Questi due snippet vanno aggiunti in tutte le pagine del sito, oppure nel template principale, così che siano presenti ovunque.

Fig. 3 Copia i codici di Google Tag Manager

Verificare l’installazione

Dopo aver aggiunto i codici sul sito, puoi utilizzare la funzione Anteprima di GTM per verificare che il contenitore sia correttamente installato e pronto per ricevere tag.

Prossimo passo: nella seconda parte della guida vedremo come, attraverso Google Tag Manager, si può installare facilmente il widget di accessibilità LegalBlink senza dover modificare manualmente il codice del sito.

Dopo aver creato l’account Google Tag Manager e inserito i codici forniti da Google nel tuo sito (vedi prima parte della guida), possiamo procedere con l’aggiunta dello script del widget LegalBlink.

Accedi alla sezione “Tag” in GTM

• Dal menu a sinistra, clicca su Tag.
• Premi il pulsante Nuovo in alto a destra.

Fig. 4 Crea un nuovo Tag

Configura il nuovo Tag

• Clicca sull’area Configurazione Tag.
• Scorri fino alla sezione Personalizzati e seleziona HTML personalizzato.

Fig. 5 Configura nuovo Tag



Fig. 6 Scegli html personalizzati

Inserisci lo script LegalBlink

Nel campo HTML incolla questo codice (è il codice del widget di accessibilità di LegalBlink):


Fig. 7 Copia lo script del widget di accessibilità

💡 Attenzione: se dimentichi un punto e virgola ; o una parentesi, GTM mostrerà un errore di compilazione (come nello screenshot “Il contenitore presenta i seguenti errori”).

Imposta l’attivatore

• Nella sezione Attivazione, clicca per aggiungere un attivatore.
• Seleziona All Pages (Visualizzazione di pagina) in modo che il widget venga caricato su tutte le pagine del sito.
• Dai un nome chiaro al tag, ad esempio Accessibilità.
• Clicca su Salva.

Fig. 8 Completa l'attivazione

Pubblica le modifiche

• Nella schermata principale dei tag, seleziona il nuovo tag Accessibilità.
• Premi Invia in alto a destra.

Fig. 9 Pubblica le modifiche

Cosa fare se Tag Manager da errore prima della pubblicazione

Se clicchi su "Anteprima" (link in alto a destra vicino a "Invia") puoi sapere se vi saranno problemi di integrazione prima di pubblicare l'attivatore sul sito.

Qualora si dovessero verificare nessun problema. Scrivi a legalblink@legalblink.it e ti forniremo supporto per risolvere l'anomalia.

Fig. 10 Cosa fare in caso di errore

Configura e personalizza il widget dal tuo account LegalBlink

Una volta installato, il widget di accessibilità LegalBlink utilizzerà le impostazioni predefinite.

Per personalizzarne l’aspetto, le funzionalità e i testi, accedi al tuo account LegalBlink e segui le istruzioni della guida dedicata:

Come configurare il widget di accessibilità LegalBlink

💡 Attenzione: è molto importante inserire nel tuo account LegalBlink (sezione Accessibilità) l'URL del tuo sito, come spiegato nella guida. In difetto, il tool non funzionerà.

Team LegalBlink