Widget di accessibilità per Google Tag Manager

Informazioni sul modello Google Tag Manager

Community Template Gallery: AccessiWeb Widget di dunpcloud
Repository ufficiale: dunpcloud/accessiweb-widget-tagmanager
Piattaforme: WEB
Tipo di modello: TAG

Autorizzazioni:
Carica esclusivamente https://www.accessiweb.it/widget/acsw.js
Esegue esclusivamente la funzione globale acsw.init
Memorizza lo stato di inizializzazione nella pagina per evitare caricamenti duplicati
Registra messaggi diagnostici esclusivamente in modalità anteprima/debug
Ultima versione pubblicata: 65431bc

In questa guida trovi i passaggi per installare il Widget di accessibilità utilizzando Google Tag Manager.

1. Accedi al tuo account Google Tag Manager
   Effettua il login nel tuo account Google Tag Manager, puoi farlo seguendo questo link: Google Tag Manager

2. Seleziona l'Account ed il contenitore
   Seleziona l'Account ed il contenitore nel quale vuoi integrare il widget di accessibilità e nell'area di lavoro corrente clicca su "Modelli".

   

3. Apri la Galleria di ricerca
   Nella sezione "Modelli di tag" clicca su "Galleria di ricerca" per accedere alla Galleria modelli della Community Tag Manager.
   Scorri tra i modelli o cerca "AccessiWeb Widget" nel relativo campo di ricerca e cliccaci per aprire i dettagli del modello.

   

4. Aggiungi il modello all'area di lavoro
   Nella scheda dettagli modello AccessiWeb Widget clicca in alto su "Aggiungi all'area di lavoro".
   Il modello AccessiWeb Widget è ora disponibile nei modelli della tua area di lavoro.

   

5. Crea un nuovo Tag
   Ora che il modello è disponibile puoi creare un nuovo Tag AccessiWeb Widget. Per farlo clicca su "Tag" e poi su "Nuovo".
   Dai un titolo al Tag e clicca nell'area "Configurazione tag" per scegliere il tipo di tag.

   

6. Seleziona AccessiWeb Widget
   Nella lista di Tag, troverai il tag personalizzato AccessiWeb Widget. Cliccaci per attivarlo.

   

7. Configura il tag AccessiWeb Widget
   Inserisci la License Key e personalizza soltanto le impostazioni necessarie. I campi sono organizzati in sezioni.

   Licenza AccessiWeb

   • License Key: chiave obbligatoria disponibile nella tua area riservata AccessiWeb e associata al dominio/referral autorizzato.

   Aspetto e posizione

   • Colore principale: colore esadecimale nel formato #RRGGBB (predefinito #0066CC).
   • Posizione orizzontale: sinistra o destra (predefinita: sinistra).
   • Distanza orizzontale e relativa unità: valore da 0 a 9999, in pixel o percentuale (predefinito: 10 px).
   • Posizione verticale: in basso o in alto (predefinita: in basso).
   • Distanza verticale e relativa unità: valore da 0 a 9999, in pixel o percentuale (predefinito: 10 px).
   • Dimensione icona: piccola, media o grande (predefinita: media).
   • Forma icona: cerchio, quadrato o arrotondato (predefinita: cerchio).
   • Raggio angoli icona: valore da 0 a 50 px, disponibile scegliendo la forma arrotondata.

   Dichiarazione di accessibilità

   • URL dichiarazione di accessibilità: indirizzo assoluto facoltativo della dichiarazione.
   • Apertura link: nella stessa finestra oppure in una nuova finestra.

   Trigger e impostazioni avanzate

   • Trigger personalizzato: selettore CSS facoltativo dell'elemento che deve aprire il widget.
   • Scorciatoia tastiera: combinazione utilizzata per aprire il widget (predefinita: alt+a).
   • Nascondi il bottone standard: da attivare soltanto se è presente un trigger personalizzato accessibile.

   White Label - piano Widget Large

   • Titolo del pannello, etichetta Accessibilità, testo informativo, testo e link del footer.
   • Questi campi vengono applicati esclusivamente alle licenze abilitate al piano Widget Large.

8. Aggiungi un'attivazione
   Nell'area Attivazione seleziona preferibilmente Initialization - All Pages, in modo che il widget venga inizializzato all'apertura di ogni pagina. Puoi usare All Pages se non hai esigenze di caricamento anticipato. Il modello impedisce comunque inizializzazioni duplicate nella stessa pagina.

9. Verifica in modalità Anteprima
   Avvia l'Anteprima di Google Tag Manager e controlla che il tag venga completato correttamente, che il widget sia visibile e che la License Key sia valida per il dominio utilizzato.

10. Salva il tag e aggiorna il Tag Manager
    Completata la configurazione del Tag e del suo attivatore, clicca in alto su "Salva".
    Non dimenticare di inviare le modifiche apportate al tuo contenitore per la pubblicazione, per farlo torna nella tua area di lavoro, clicca in alto a destra su "Invia", dai un nome alla versione ed infine clicca su "Pubblica". Il Widget AccessiWeb è ora disponibile nel tuo sito.

Aggiornare un modello già installato

1. Apri Modelli nel workspace del contenitore.
2. Quando Google Tag Manager segnala una nuova versione di AccessiWeb Widget di dunpcloud, apri la notifica di aggiornamento.
3. Esamina le modifiche e le autorizzazioni richieste, quindi conferma l'aggiornamento.
4. Verifica nuovamente il tag in modalità Anteprima e pubblica il contenitore.

Gli aggiornamenti pubblicati nella Community Template Gallery possono richiedere alcuni giorni prima di essere disponibili.

Risoluzione dei problemi

• Il widget non compare: verifica che la License Key sia valida, che il dominio sia autorizzato nell'area riservata AccessiWeb e che il tag sia stato attivato nella pagina.
• Il tag fallisce durante il caricamento dello script: aggiorna il modello ufficiale all'ultima versione e controlla che eventuali regole Content Security Policy del sito consentano https://www.accessiweb.it/widget/acsw.js.
• Il modello richiede nuove autorizzazioni: è normale dopo l'aggiornamento. La versione corrente carica lo script AccessiWeb, esegue acsw.init e usa lo storage del template per evitare duplicazioni.
• Non modificare manualmente le autorizzazioni: non aggiungere caratteri jolly all'URL dello script. Una modifica manuale separerebbe il modello dalla versione ufficiale distribuita tramite la Gallery.