logo simone provenzano

 

AdSense, Facebook, Twitter, Google Plus, Maps, ecc. Blocca i cookie prima del consenso

Risorse per il tuo sito web

 

 

 

 

 

[...] Pagina 2

 

banner cookie html css javascript php

 

Ma veniamo finalmente alla pratica (più facile a farsi che a dirsi)!!!
Innanzi tutto bisogna includere i file del plugin "jQuery CookieBar" fra i tag <head> </head> della propria pagina:

 

<link rel="stylesheet" type="text/css" href="jquery.cookiebar.css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.cookiebar.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.cookieBar({
})
;
});
</script>

 

Per questo tipo di plugin ho utilizzato la versione di jQuery 1.7.1. Ne esistono di più recenti, ma personalmente ho verificato che con questa si visualizza l'avviso anche su Internet Explorer 7, cosa che invece non accade con versioni più recenti di jQuery.

 

 

 

A questo punto bisogna inserire fra i tag <body> </body> della pagina un codice fatto in questo modo:

 

<?php
if ((isset($_COOKIE['cb-enabled'])) && ($_COOKIE['cb-enabled'] == "accepted"))
{

echo '
// codice elementi da mostrare se l'utente ha accettato i cookie.
'
;
}
else
{
echo '
// codice elementi da mostrare se l'utente ha rifiutato i cookie.
'
;
}
?>

 

 

 

Per fornire un esempio concreto, immaginiamo di applicare questo metodo ad un banner pubblicitario di Google AdSense; il codice che ne risulterà sarà il seguente (al posto delle xxxxx in verde vanno inseriti ovviamente i valori reali del proprio annuncio):
 

<?php
if ((isset($_COOKIE['cb-enabled'])) && ($_COOKIE['cb-enabled'] == "accepted"))
{

echo '
<script type="text/javascript">
google_ad_client = "xxxxxxxxxxxxxxxxxx";
google_ad_slot = "
xxxxxxxxxx";
google_ad_width =
xxx;
google_ad_height =
xxx;
</script>
<!--
xxxxxxxxxx -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
'
;
}
else
{
echo '
Per visualizzare questo contenuto devi accettare di utilizzare i cookie
'
;
}
?>

 

 

PAGINA 1 PAGINA 2 PAGINA 3

 

 

Simone Provenzano

 

 

 

 

 

Privacy e Cookie