• User Attivo

    Cookie law & Google adsens

    salve ragazzi, qualcuno di voi ha implementato qualche script per l'accettazione della politica dei cookie, in maniera tale che se l'utente ci clicca, venga ricaricata la pagina dove si trova l'utente e appaiono gli annunci google adsense?

    un po come fa un noto sito italiano di beb

    Lo dovrei implementare per un mio sito, in quanto da quanto è entrata in vigore questa legge, ho rimosso gli annunci google


  • User

    visita questo sito e segui le istruzioni.

    cookiechoices.org

    buon lavoro


  • User Attivo

    Grazie. Ma sul quel sito non trovo quello che cerco io. Cioè che dopo che l'utente accetta si ricarica la pagina e appaiono gli annunci google.


  • User

    mettiamo per ipotesi che tu abbia 4 unità pubblicitarie sulla pagina.
    puoi utilizzare qualcosa del genere per scoprire se il consenso è stato già dato in precedenza e in tal caso mostrare le unità.

    <!DOCTYPE HTML>
    <html>
    <head>
    <script>
    document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('I cookie ci aiutano a offrire servizi di qualità. Utilizzando i nostri servizi, l'utente accetta le nostre modalità d'uso dei cookie.', 'OK', 'ulteriori informazioni', '//google.com/intl/it/policies/privacy/partners/');
    });
    </script>
    <style>
    .ads{
    display: none;
    width: 468px;
    height: 60px;
    margin-bottom: 20px;
    }
    </style>
    </head>

    <body onload="checkCookie();">

    <P>COOKIE TEST</P>
    <div style="background-color:green;" class="ads"><!-- ads banner 1 --></div>
    <div style="background-color:gray;" class="ads"><!-- ads banner 2 --></div>
    <div style="background-color:red" class="ads"><!-- ads banner 3 --></div>
    <div style="background-color:yellow;" class="ads"><!-- ads banner 4 --></div>
    <script>
    function checkCookie() {

    if (document.cookie.indexOf("displayCookieConsent") >= 0) {
    showad();
    }
    }
    function showad() {
    var list = document.getElementsByClassName("ads");
    for (var i = 0; i < list.length; i++) {
    list*.style.display = "block";
    }
    }
    </script>
    <script src="cookiechoices.js"></script>
    </body>
    </html>

    ovviamente se il consenso non è stato ancora dato, farai eseguire la stessa operazione da cookiechoices.js dopo che l'utente avrà fatto click su OK

    aggiungendo alcune righe alla funzione _saveUserPreference()

    function _saveUserPreference() {
      // Set the cookie expiry to one year after today.
      var expiryDate = new Date();
      expiryDate.setFullYear(expiryDate.getFullYear() + 1);
      document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
    

    ///// da quì

      var list = document.getElementsByClassName("ads");  ///// NOME DELLA CLASSE DELL'ELEMENTO <DIV>
      for (var i = 0; i < list.length; i++) {
          list*.style.display = "block";
    

    ///// a quì
    }
    }

    è un po' pasticciato ma è una buona base per lavorarci su

    saluti


  • User Attivo

    Ciao, ti ringrazio per il codice, lo provo subito e ti faccio sapere.


  • User Attivo

    Ciao , stavo provando lo script, ti volevo chiedere una cosa, come lo dovrei modificare se volessi che l'utente appena clicca, in un link del sito, in automatico scompaia la barra, cose se avesse cliccato sull'ok?

    Grazie


  • User

    Puoi, per esempio, utilizzare la funzione "one" di jQuery per ottenere il tuo scopo
    Ecco di seguito il codice modificato

    <!DOCTYPE HTML>
    <html>
    <head>
    <script>
    document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('I cookie ci aiutano a offrire servizi di qualità. Utilizzando i nostri servizi, l'utente accetta le nostre modalità d'uso dei cookie.', 'OK', 'ulteriori informazioni', '//google.com/intl/it/policies/privacy/partners/');
    });
    </script>
    <style>
    .ads{
    display: none;
    width: 468px;
    height: 60px;
    margin-bottom: 20px;
    }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> // INCLUDO JQUERY
    </head>

    <body onload="checkCookie();">
    <br><br>
    <a href="#">link 1</a> |
    <a href="#">link 2</a> |
    <a href="#">link 3</a> |
    <a href="#">link 4</a> |
    <a href="#">link 5</a> |
    <a href="#">link 6</a> |
    <a href="#">link 7</a> |
    <br>
    <P>COOKIE TEST</P>
    <div style="background-color:green;" class="ads"><!-- ads banner 1 --></div>
    <div style="background-color:gray;" class="ads"><!-- ads banner 2 --></div>
    <div style="background-color:red" class="ads"><!-- ads banner 3 --></div>
    <div style="background-color:yellow;" class="ads"><!-- ads banner 4 --></div>
    <br>

    <script>
    <!-- modifica -->
    $(document).ready(function(){
    $("a").one( "click", function() { // intercetto il primo click su qualsiasi link <a>
    $("#cookieChoiceDismiss").trigger("click"); // simulo il click su OK
    });
    });
    <!-- fine modifica -->
    function checkCookie() {

    if (document.cookie.indexOf("displayCookieConsent") >= 0) {
    showad();
    }
    }
    function showad() {
    var list = document.getElementsByClassName("ads");
    for (var i = 0; i < list.length; i++) {
    list*.style.display = "block";
    }
    }
    </script>
    <script src="cookiechoices.js"></script>
    </body>
    </html>


  • User Attivo

    Ciao, grazie per i suggerimento.
    cookiechoices.js da dove lo scarico?

    @Masterblank said:

    Puoi, per esempio, utilizzare la funzione "one" di jQuery per ottenere il tuo scopo
    Ecco di seguito il codice modificato

    <!DOCTYPE HTML>
    <html>
    <head>
    <script>
    document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('I cookie ci aiutano a offrire servizi di qualità. Utilizzando i nostri servizi, l'utente accetta le nostre modalità d'uso dei cookie.', 'OK', 'ulteriori informazioni', '//google.com/intl/it/policies/privacy/partners/');
    });
    </script>
    <style>
    .ads{
    display: none;
    width: 468px;
    height: 60px;
    margin-bottom: 20px;
    }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> // INCLUDO JQUERY
    </head>

    <body onload="checkCookie();">
    <br><br>
    <a href="#">link 1</a> |
    <a href="#">link 2</a> |
    <a href="#">link 3</a> |
    <a href="#">link 4</a> |
    <a href="#">link 5</a> |
    <a href="#">link 6</a> |
    <a href="#">link 7</a> |
    <br>
    <P>COOKIE TEST</P>
    <div style="background-color:green;" class="ads"><!-- ads banner 1 --></div>
    <div style="background-color:gray;" class="ads"><!-- ads banner 2 --></div>
    <div style="background-color:red" class="ads"><!-- ads banner 3 --></div>
    <div style="background-color:yellow;" class="ads"><!-- ads banner 4 --></div>
    <br>

    <script>
    <!-- modifica -->
    $(document).ready(function(){
    $("a").one( "click", function() { // intercetto il primo click su qualsiasi link <a>
    $("#cookieChoiceDismiss").trigger("click"); // simulo il click su OK
    });
    });
    <!-- fine modifica -->
    function checkCookie() {

    if (document.cookie.indexOf("displayCookieConsent") >= 0) {
    showad();
    }
    }
    function showad() {
    var list = document.getElementsByClassName("ads");
    for (var i = 0; i < list.length; i++) {
    list*.style.display = "block";
    }
    }
    </script>
    <script src="cookiechoices.js"></script>
    </body>
    </html>


  • User

    cookiechoices.org/cookiechoices.zip
    scompattalo e caricalo sul tuo server

    ciao