Come posso aggiungere il banner di consenso Termly al mio sito Website Builder?
Con il componente aggiuntivo Termly, puoi aggiornare il tuo banner di consenso per personalizzarne le impostazioni e l'aspetto, e accedere a molte altre utili funzionalità che possono aiutare il tuo sito web a rispettare le leggi sulla privacy.
Di seguito, illustreremo i passaggi per aggiungere il banner di consenso aggiornato al tuo sito Website Builder con il componente codice.
Preferisci guardare un video?
Abbiamo un tutorial video passo passo su come utilizzare la dashboard di Termly e aggiungere il banner di consenso al tuo sito Website Builder: guardalo su YouTube.
- Prima di iniziare
- Step 1 : Disattiva il banner di consenso nella dashboard di Website Builder
- Step 2 - Accedi alla dashboard di Termly
- Step 3: Esegui la scansione del tuo sito web per individuare i cookie
- Step 4 - Personalizza il tuo banner di consenso
- Step 5: Copia il codice HTML del banner di consenso
- Step 6: Scegli il componente Codice in Website Builder
- Step 7: Incorpora il codice del banner di consenso nel tuo sito web
- Step 8: Modifica le impostazioni del componente Codice
- Step 9: Incorpora il codice del centro preferenze nel tuo sito web
- Step 10 - Regola il posizionamento e lo stile del collegamento al centro preferenze
- Step 11 - Salva e pubblica il tuo sito web
Prima di iniziare
Per aggiungere il banner di consenso aggiornato al tuo sito Website Builder, hai bisogno di un abbonamento Termly e accesso al componente Codice di Website Builder. Il componente Codice è incluso nei piani Website Builder Premium e Business + E-commerce.
Step 1: Disattiva il banner di consenso nella dashboard di Website Builder
Se stai già utilizzando il banner di consenso di base di Website Builder (fornito anche da Termly), disattivalo prima di incorporare il banner di consenso aggiornato nel tuo sito web.
- Apri la dashboard di Website Builder dal pannello di controllo one.com.
- Clicca su Impostazioni sito web e seleziona Banner di consenso nel menu a sinistra.
- Assicurati che il banner di consenso non sia abilitato: l'interruttore dovrebbe essere grigio. Se il banner di consenso è attivo, disattivalo cliccando sull'interruttore.
- Pubblica il tuo sito web.
Step 2 - Accedi alla dashboard di Termly
-
Accedi al pannello di controllo di one.com e clicca su Termly in Impostazioni avanzate.
-
Fai clic sul pulsante blu Vai a Termly. Se non hai ancora un abbonamento Termly, puoi acquistarlo su questa pagina.
- Inserisci il tuo indirizzo e-mail e la password Termly, quindi clicca sul pulsante Accedi per accedere alla dashboard di Termly.
Step 3: Esegui la scansione del tuo sito web per individuare i cookie
- Nella dashboard di Termly, fai clic su Gestione consenso > Cookie nel menu a sinistra.
- Clicca su Scansiona ora.
Step 4 - Personalizza il tuo banner di consenso
- Nel menu a sinistra, clicca su Gestione del consenso > Banner di consenso. In questa pagina puoi modificare le impostazioni e l'aspetto del tuo banner.
- Quando sei pronto, clicca su Salva in fondo alla pagina.
Per maggiori informazioni sulle opzioni di personalizzazione, consulta la nostra guida.
Step 5: Copia il codice HTML del banner di consenso
- Nella pagina del banner di consenso, clicca sul pulsante Installa in alto.
- Nella finestra pop-up che si apre, puoi visualizzare lo stato della scansione dei cookie e i passaggi successivi per l'installazione del banner. Fai clic su Incorpora nel secondo step.
- Nella finestra successiva, clicca su HTML semplice.
- Ora puoi vedere lo script da aggiungere al componente Codice di Website Builder. Puoi anche scegliere se attivare la funzionalità Auto Blocker. Copia il codice cliccando su Copia negli appunti.
Step 6: Scegli il componente Codice in Website Builder
- Vai all'editor del tuo Website Builder.
- Nel menu a sinistra, clicca su Altro e scegli Codice.
Step 7: Incorpora il codice del banner di consenso nel tuo sito web
- Nella finestra pop-up, seleziona Prima di chiudere </head> come Posizionamento del codice.
- Incolla lo script del banner di consenso nel campo e fai clic su Salva.
Step 8: Modifica le impostazioni del componente Codice
- Ora puoi vedere il componente Codice nella parte superiore della pagina nell'editor. Cliccaci sopra per aprire le impostazioni.
- Nelle impostazioni del componente Codice, fai clic su Posizionamento e seleziona la casella di controllo Applica a tutte le pagine, così il banner di consenso verrà visualizzato su tutte le pagine del tuo sito web.
Step 9 - Incorpora il codice del centro preferenze nel tuo sito web
Oltre al banner di consenso, ti consigliamo di aggiungere un link al centro preferenze sul tuo sito web. Cliccandoci, i tuoi visitatori potranno modificare le loro preferenze sui cookie.
Nell'editor di Website Builder, crea un altro componente Codice facendo clic su Altro e poi su Codice nel menu a sinistra.
Nel pop-up, seleziona Normale come Posizionamento del codice.
Copia e incolla il seguente Codice nel campo e fai clic su Salva:
<a href="#" class="termly-display-preferences" style="color:#000000;">Preferenze di consenso</a>
Step 10: Modifica il posizionamento e lo stile del collegamento al centro preferenze
Trascina il componente Codice dove vuoi posizionare il link nel tuo sito web. Ti consigliamo di metterlo nel piè di pagina, così sarà visibile su tutte le pagine.
Puoi cambiare l'aspetto del link modificando il suo codice con gli stili CSS. Clicca sul componente Codice, seleziona Modifica codice e aggiungi gli stili CSS che preferisci.
Nell'esempio seguente, abbiamo impostato il colore del collegamento su nero e rimosso la sottolineatura:
<a href="#" class="termly-display-preferences" style="color:#000000; text-decoration: none;">Preferenze di consenso</a>
Step 11: Salva e pubblica il tuo sito web
Salva e pubblica il tuo sito web per rendere le modifiche visibili online.
Per verificare che il banner di consenso funzioni, apri il tuo sito web in modalità di navigazione in incognito. Se non riesci a visualizzare il banner di consenso, prova a cancellare i cookie e verifica di aver completato tutti i passaggi precedenti.
Articoli correlati: