Login

corsi online di WordPress

Banner informativa cookie WordPress

Dal 2 giugno 2015 è entrata in vigore la legge italiana sui Cookie, che recepisce la direttiva europea ("UE Cookies Law"). Vediamo come inserire il banner dell'informativa breve per il consenso ai cookie.

 

In questo tutorial non affrontiamo gli aspetti normativi e tecnici (es. differenti tipologie di cookie), ma indichiamo solamente come inserire il banner della cosiddetta informativa breve per i siti che hanno l'obbligo di mostrarla ai visitatori. Consigliamo di leggere anche il Kit di implementazione sui cookie redatto dal Garante della privacy: clicca qui.

Il banner dell'informativa breve deve contenere:
- un testo informativo breve riguardo l'utilizzo di cookie da parte del sito o di strumenti terzi installati sul sito;
- un link che riporti alla pagina del sito con l'informativa estesa sui cookie;
- il pulsante di approvazione da parte del visitatore all'uso dei cookie.

Questo banner deve essere mostrato su tutte le pagine del sito. Una volta che il visitatore approva e accetta l'uso dei cookie, il banner sparisce (almeno fino a che il visitatore non pulisce le cache del browser).

Come inserire questo banner?
In questo tutorial mostriamo una soluzione che non prevede utilizzo di plugin esterni. Ci avvaliamo del servizio di Google dedicato all'implementazione delle informative sui cookie: http://www.cookiechoices.org/

Nella sezione Barra delle notifiche di cookiechoices.org troviamo la descrizione del tipo di banner che si va ad inserire e il codice Javascript da utilizzare.

<!-- You should make sure that the file cookiechoices.js is available
and accessible from the root directory of your site. -->

<script src="/cookiechoices.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
cookieChoices.showCookieConsentBar('Your message for visitors here',
'close message', 'learn more', 'http://example.com');
});
</script>

Occorre inserire questo codice nel <body> del nostro sito, preferibilmente nella parte finale (cioè prima del tag di chiusura </body>).

Possiamo farlo ad esempio utilizzando il plugin Header and Footer, che permette di inserire codici all'interno del sito.
Una volta installato il plugin, andiamo nella sezione Impostazioni dell'area amministrativa e selezioniamo Header and Footer.
Nella sezione Page head and footer, troviamo il campo Code to be added before the end of the page. Qui inseriamo il codice fornito da cookiechoices.org .

banner cookie wordpress

Visualizzando il codice sorgente della pagina ritroveremo nella parte finale della pagina (poco prima del tag </body>) il codice Javascript inserito tramite il plugin Header and Footer.

banner cookie wordpress

 

A questo punto sostituiamo agli elementi di testo in inglese che troviamo nel codice Javascript il testo che vogliamo mostrare nel banner (senza eliminare le virgolette):

  • 'Your message for visitors here' : inseriamo il nostro messaggio;
  • 'close message' : è il testo di chiusura/assenso;
  • 'learn more': è l'ancora del link che rimanda alla pagina del sito con l'informativa estesa;
  • 'http://example.com': è l'URL della pagina del sito contenente l'informativa estesa.

banner cookie wordpress

 

Personalizzati i testi nel codice Javascript scarichiamo il file cookiechoices.zip, disponibile nella sezione Barra delle notifiche di cookiechoices.org.

banner cookie wordpress 4

Decomprimiamo il file scaricato e carichiamo quindi il file cookiechoices.js nel percorso principale del sito WordPress.

banner cookie wordpress 5

 

Terminata la procedura, cancelliamo le cache del browser e accediamo al sito lato pubblico. Vedremo il banner con l'informativa breve e gli elementi di testo da noi inseriti.

banner cookie wordpress

Selezionando il link "Per saperne di più" il visitatore viene indirizzato alla pagina contenente l'informativa estesa, mentre cliccando su "Approvo" il banner scompare (su tutte le pagine del sito).

Canali social WPCORSI

facebook wpcorsitwitter wpcorsicanale YouTube wordpress

 

Login or Registrati