Computer

Banner Cookie WordPress senza Plugin

Come inserire il banner consenso cookie senza plugin

Banner Cookie WordPress senza Plugin

Ho scritto questo articolo su come inserire il banner cookie WordPress senza plugin principalmente per due motivi.

  1. Dal 2015 la legge impone a tutti i siti web l’obbligo di rilascio dell’informativa e di acquisizione del consenso degli utenti in caso di utilizzo di cookie.
  2. L’utilizzo dei plugin tende a rallentare il funzionamento di un sito web per cui meno se ne usano meglio è.
Come inserire il Banner Cookie WordPress senza Plugin
Come inserire il Banner Cookie WordPress senza Plugin

La legge prevede anche che chi utilizza cookie di profilazione è obbligato a fornire la possibilità agli utenti di bloccare tali cookie tramite l’apposita opzione presente sul banner.

Chi invece usa solo i cookie strettamente necessari al funzionamento del sito deve esporre solamente l’informativa tramite banner. Per esporre l‘informativa sui cookie su WordPress sono presenti moltissimi plugin che offrono questa possibilità. In molti casi questi plugin, i più completi e professionali, sono a pagamento.

In questo articolo ti mostro due metodi per inserire il banner cookie WordPress senza plugin in modo gratuito.

Banner Cookie WordPress senza Plugin

Cookie Info Script

Si tratta di un codice javascript adatto a chi non usa cookie di profilazione ed è molto facile da installare. Il codice funziona non solo su WordPress ma anche su Joomla, Drupal, WordPress, Magento e altri ancora. Vediamo ora come inserire il banner cookie WordPress senza plugin. Il codice da inserire è quello che vedi qui sotto.

<script type=”text/javascript” id=”cookieinfo”
src=”//cookieinfoscript.com/js/cookieinfo.min.js”
data-bg=”#645862″
data-fg=”#FFFFFF”
data-link=”#F1D600″
data-cookie=”CookieInfoScript”
data-text-align=”left”
data-message=”Utilizziamo i cookie per migliorare la tua esperienza. Continuando a visitare questo sito, accetti il nostro utilizzo dei cookie.”
data-linkmsg=”Approfondisci”
data-moreinfo=”https://url della tua cookie policy
data-close-text=”Accetto!”>
</script>

Tutto quello che devi fare è aggiungere il codice appena prima del tag di chiusura </body> nel tuo sito web. Prima di farlo però, è necessario che tu inserisca l’indirizzo della pagina che contiene la tua cookie policy al posto della parte evidenziata in rosso.

Solitamente i temi WordPress hanno un’ apposita sezione dove inserire il codice per questo scopo. Se il tuo tema ne è sprovvisto, puoi inserire il banner cookie WordPress senza plugin in questo modo.

Dal pannello di controllo WordPress clicca su Aspetto – Editor del Tema e poi sul file a destra footer.php. Ora, come mostrato nella fotografia sottostante, inserisci il codice prima del tag di chiusura </body>, salva e hai finito.

Attenzione: Ti avviso che ad ogni aggiornamento del tema il codice verrà sovrascritto per cui, se vuoi che il tuo banner continui a funzionare, dovrai reinserirlo. Questo non sarà necessario se il tuo tema offre l’opzione per inserire codici in questi spazi in modo permanente.

Footer.php - Come inserire il Banner Cookie WordPress senza Plugin

Se vuoi personalizzare il tuo banner, lo puoi fare seguendo le istruzioni che trovi su cookieinfoscript. Sul sito trovi infatti le istruzioni su come cambiare facilmente i colori, il tipo il font, il contenuto del testo, i link e molto altro ancora.

Inserire Banner Cookie WordPress senza Plugin

Osano

Questo sito mette a disposizione un semplice ed utilissimo tool per inserire l’informativa sui cookie senza plugin su WordPress. Con l’inserimento di questo codice sul tuo sito ti potrai mettere in regola con la normativa europea sui cookie (GDPR).

Per prima cosa accedi al sito cliccando qui. Clicca ora sul pulsante Start Coding ed avrai così accesso al tool per la preparazione del codice che vedi qui sotto.

Osano - Come inserire il Banner Cookie WordPress senza Plugin

Ora dovrai cliccare su ogni linguetta colorata e compilare i campi sottostanti in base alle tue necessità. Al punto 5 c’è anche l’opzione per dare la possibilità agli utenti di bloccare tutti i cookie sul tuo sito.

Come bloccare i cookie con Osano

Per far si che il blocco funzioni è necessario registrarsi al sito e leggere la relativa documentazione in merito.

Una volta che avrai compilato tutti i moduli, dovrai inserire sul tuo sito le due porzioni di codice che vedi sulla destra.

Il primo è un codice Html e va inserito prima del tag </head> su tutte le pagine del tuo sito. Il codice è quello che vedi qui sotto ed è uguale per tutti.

<link rel=“stylesheet” type=“text/css” href=“https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css” />

Il secondo è un codice javascript e va inserito prima del tag di chiusura </body> su tutte le pagine del tuo sito. Il codice standard per inserire il banner cookie WordPress senza plugin sul tuo sito è il seguente.

<script src=“https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js” data-cfasync=“false”></script> <script> window.cookieconsent.initialise({ “palette”: { “popup”: { “background”: “#000” }, “button”: { “background”: “#f1d600” } }, “content”: { “message”: “Questo sito Web utilizza i cookie per assicurarti la migliore esperienza sul nostro sito Web.\n”, “dismiss”: “Accetto”, “link”: “Approfondisci”, “href”: https://url della tua cookie policy } }); </script>

Ovviamente dovrai sostituire la parte evidenziata in rosso con l‘url della tua cookie policy. Se vuoi modificare aspetto e colori, vai sul sito e fallo dai moduli appositi. Ti ricordo che questo codice funziona sia su WordPress che su altre piattaforme.

Inserimento del Codice

Se il tuo tema WordPress non ha l’opzione per l’inserimento dei codici nelle sezioni che ci interessano, puoi farlo tu in modo manuale. Per l’inserimento del primo codice, l’Html per intenderci, fai così. Dal pannello di controllo di WordPress clicca su AspettoEditor del Tema e poi sul file a destra header.php.

Come puoi vedere dalla foto qui sotto, inserisci il codice html appena prima del tag di chiusura </body>. Salva e hai terminato il primo step.

Inserire il codice prima del tag di chiusura head

Ora, per inserire il secondo codice prima del tag </body>, segui la guida che trovi sopra per l’inserimento del codice Cookie Info Script, ovvero questa.

Anche in questo caso però, quando farai l’aggiornamento del tema, i codici che hai inserito verranno sovrascritti e dovrai quindi ricordarti di reinserirli.

L’ utilizzo di questo metodo è gratuito per un solo utente e per i siti che non hanno una grande mole di traffico, al massimo 7.500 visualizzazioni di consenso mensili.

Come hai potuto vedere, questi sono due semplici metodi per inserire il banner cookie WordPress senza plugin sul tuo sito senza appesantirlo.

Potrebbe interessarti: Inserire link interni su WordPress

Banner Cookie WordPress senza Plugin

Articoli correlati

Pulsante per tornare all'inizio