Aggiungi i Tuoi Script JavaScript
Genera e Scarica il Codice del Banner dei Cookie
Scarica e include il codice nel tuo progetto. Assicurati di aver importato jQuery. Dopo aver importato gli script/stili, inizializza Cookie Notice
<!-- Import the styles & scripts -->
<script src="cookiebanner.script.js"></script>
<link rel="stylesheet" href="cookiebanner.style.css">
<!-- Initialize Cookie Notice -->
<script>
$(document).ready(function() {
cookiebanner.init();
});
</script>
Guida: Utilizzo del Generatore Gratuito di Banner per Cookie
Creare un sito web accessibile e conforme comporta navigare nel complesso panorama delle leggi sulla privacy digitale, come il GDPR in Europa o il CCPA in California. Uno dei primi passi verso la conformità è informare correttamente i visitatori sull'uso dei cookie sul tuo sito. Questo non solo favorisce la trasparenza ma costruisce anche fiducia tra te e i tuoi utenti. Per aiutare in questo sforzo, un generatore di banner per cookie diventa uno strumento inestimabile, consentendo ai proprietari di siti web di creare e gestire facilmente le notifiche di consenso per i cookie.
Questa guida è progettata per guidarti attraverso il processo di utilizzo di uno strumento di generatore di banner per cookie, dalla selezione di temi e colori che si abbinano all'estetica del tuo sito web alla personalizzazione del testo e delle impostazioni per allinearle con le tue politiche sulla privacy. Seguendo questi passi, puoi assicurarti che il tuo sito web non solo sia conforme alle normative sulla privacy ma migliorare anche l'esperienza dell'utente fornendo scelte chiare riguardo le preferenze dei cookie. Che tu sia uno sviluppatore web esperto o un piccolo imprenditore con competenze tecniche minime, questa guida mira a semplificare il compito della gestione del consenso per i cookie, rendendola accessibile a tutti.
Passo 1: Personalizzazione del Design: Tema e Palette
Nel primo passo della personalizzazione del tuo banner per i cookie, inizierai selezionando il tema e i colori che meglio si abbinano al design del tuo sito web.
- Scegli un colore per i pulsanti e i link. Questo dovrebbe integrarsi con lo schema di colori del tuo sito web.
- Definisci il colore del testo per garantire la leggibilità sullo sfondo del banner.
- Imposta il colore di sfondo per una chiara visibilità del testo.
Passo 2: Visibilità e Controlli dell'Interfaccia Utente
Regola quali elementi sono visibili sul tuo banner:
- Attiva questa opzione per mostrare o nascondere il pulsante delle impostazioni.
- Decidi se mostrare l'icona di chiusura, consentendo agli utenti di chiudere facilmente il banner.
- Scegli di visualizzare un'opzione di 'Rifiuto' per gli utenti.
Passo 3: Configurazione del Layout: Posizionamento e Dimensionamento
Configura la posizione e la dimensione del banner:
- Seleziona dove apparirà il banner sul tuo schermo (Alto, Basso, Sinistra, Destra).
- Decidi se il banner dovrebbe estendersi per tutta la larghezza dello schermo (applicabile per le posizioni in Alto o in Basso).
Passo 4: Personalizzazione del Contenuto: Testo e Messaggi
Personalizza il testo visualizzato sul tuo banner:
- Inserisci un titolo conciso e un messaggio che spiega l'utilizzo dei cookie.
- Specifica l'etichetta per il link della tua politica sulla privacy e fornisci l'URL.
- Personalizza l'etichetta del bottone di accettazione.
- Personalizza l'etichetta del bottone di rifiuto.
Passo 5: Interfaccia delle Preferenze: Organizzazione delle Categorie dei Cookie
Etichetta le diverse sezioni all'interno del tuo menu delle impostazioni dei cookie:
- Imposta il testo visualizzato per le Impostazioni delle Preferenze, Cookie Necessari, Preferenze, Marketing, Etichette Analitiche
Passo 6: Integrazione degli Script: Gestione del Caricamento Basato sul Consenso
Aggiungi script che richiedono il consenso dell'utente prima del caricamento:
- Nomina il tuo script e specifica il suo tipo (Necessario, Preferenze, Marketing, Analitiche).
- Inserisci il codice JavaScript che dovrebbe essere eseguito in base al consenso dell'utente.
Passo 7: Generazione del Codice: Esportazione e Implementazione del Tuo Banner
Una volta configurate tutte le impostazioni:
- Clicca sul bottone 'Scarica' per generare il codice del tuo banner per i cookie.
- Importa i file script.js e style.css del banner per i cookie generati nel tuo progetto.
- Assicurati che jQuery sia importato nel tuo progetto.
- Inizializza il banner per i cookie aggiungendo lo script fornito all'HTML del tuo sito web.