Abbiamo visto poco tempo fa Cookie-consent, uno strumento per adeguare il proprio sito alla norma europeo. Vedremo ora Cookie-Accept, uno strumento con funzionalità analoghe a cookie-accept, che permette di gestire i casi in cui il codice da bloccare presenta direttive del tipo document.write, che mettono quest'ultimo in difficioltà.

La norma europea sulla privacy non ci permette di installare cookie fino a quando non abbiamo ottenuto il consenso dell'utente. Per risolvere questo problema abbiamo visto che Cookie-consent (ma non solo…) carica in un primo momento la pagina disattivando alcune porzioni di codice javascript che poi verranno riattivate una volta acquisito il consenso. Se il codice disattivato è predisposto per aggiungere elementi alla pagina anche una volta che questa stata caricata, la soluzione appena delineata funziona senza problemi. Se invece il codice in questione aggiunge gli elementi con la direttiva document.write, le cose si fanno più complesse perché questa direttiva funziona durante il caricamento della pagina.

Anche in questo caso Cookie-consent ha una soluzione: andando a studiare il relativo codice vediamo che in questo caso viene la direttiva viene ridefinita. Il codice viene aggiunto in un secondo momento in corrispondenza di alcuni “segnalibri” lasciati durante il primo caricamento della pagina.

In caso di pagine complesse e caricamenti lunghi può capitare che cookie-consent sbagli nell'associare il codice ai segnalibri, facendo così un po' di confusione… Per risolvere il problema è necessario aumentare il valore di settings.scriptdelay nel codice. in questo modo però:

• aumenta il tempo di caricamento della pagina
• mentre sta leggendo il lettore sta leggendo, vede la pagina cambiare in continuazione
• questi problemi si ripresentano ad ogni caricamento delle pagine del sito, anche una volta acquisito il consenso.

Per risolvere alla radice il problema ho deciso di cambiare approccio. Ho così creato un file javascript che gestisce tutta la procedura di verifica e creazione dei cookie. Alla prima visualizzazione della pagina, una volta avuto il consenso del lettore, la pagina viene ricaricata.

Il kit è composto da un file javascript (cookie-accept.js) e da un foglio di stile ¹⁾ che dovrete copiare all'interno del vostro sito.

Aprendo il file cookie-accept.js potrete modificare i messaggi riportati a video, modificandoli in base alle vostre esigenze.

A questo punto è necessario apportare alcune piccole modifiche al codice html delle vostre pagine. Nella sezione head richiamate i file copiati con le righe

<script type="text/javascript" src="<indirizzo>/cookie-accept.js"> </script>
<link href="<indirizzo>/style.css" rel="stylesheet" type="text/css">

All'inizio della sezione body aggiungete invece

<script type="text/javascript">
  cookieAccept.writeDialogs();
</script>

Volete vedere cookie-accept all'opera? Beh, IngegneriaLibera utilizza Cookie-Accept, quindi in realtà avete già visto come funziona!

Il tutto ovviamente è rilasciato sotto licenza GPLv3. Potrete quindi scaricare e modificare i file adattandoli al meglio alle vostre esigenze, a condizione di rilasciare le modifiche sotto la stessa licenza.