Il codice HTML ottenuto dal nostro tool dev'essere inserito nella pagina web dove si desidera che appaia l'avviso.

Normalmente può essere inserito prima del tag </body>, ad es.

...
<!--COOKIE MANAGER-->

<!--Put this code inside web page before </body>-->
<script type="text/javascript" src="http://cookie.weext.com/cpgen.php?d=X&c=X"></script>
<!--END OF COOKIE MANAGER-->
</body>

Nel caso di siti dinamici o costruiti con CMS può essere opportuno includerlo nel modello o template in modo che appaia su tutte le pagine.

Nel caso di siti multilingua è possibile impostare con il tool più documenti distinti in ognuna delle lingue desiderate e inserire i relativi codici HTML per ogni lingua.

Il codice embedded richiama i contenuti che l'utente imposta sul nostro server e consistono in un messaggio che appare a fondo pagina con due bottoni, uno che apre una finestra con la Privacy Policy a tutto schermo e l'altro che disattiva il messaggio.

Una volta disattivato il messaggio questo non appare più (facendo click su uno dei bottoni l'utente presta il consenso a continuare la navigazione).

Stile

È possibile personalizzare lo stile della presentazione dei messaggi per adattarlo allo stile generale del sito.

Lo script introduce nella pagina degli stili di default che possono essere analizzati scaricando il seguente file CSS

Per chi usa LESS è a disposizione anche la versione LESS.

Le classi CSS sono due :

.cpgen-panel - il messaggio iniziale

.cpgen - la finestra con il dettaglio della Privacy policy

Per ridefinire le regole di default assegnare all'elemento </body> una classe, ad es. :

<body class="myclass">
...
</body>

La personalizzazione, all'interno di un proprio CSS avverrà assegnando regole alle due classi CSS sopra descritte, ad es.:

.myclass .cpgen-panel {
    bottom: auto;
    top: 0;
}

Comportamento

Attraverso alcune variabili javascript, dichiarate a livello globale è possibile variare il comportamento di default dei messaggi

Le variabili devono essere dichiarate prima dell'inserimento del codice embedded

...
<script type="text/javascript">
    var NOME_VAR = true;
</script>
<!--COOKIE MANAGER-->

<!--Put this code inside web page before </body>-->
<script type="text/javascript" src="http://cookie.weext.com/cpgen.php?d=X&c=X"></script>
<!--END OF COOKIE MANAGER-->
</body>

Nascondere avviso allo Scroll di Pagina

Dichiarare una variabile chiamata CP_DISMISS_ON_SCROLL impostata a true :

<script type="text/javascript">
    // attivare se si desidera che l'avviso scompaia allo scroll della pagina
    var CP_DISMISS_ON_SCROLL = true;
</script>

Quando l'utente fa lo scrolling di pagina in questo caso l'avviso scomparirà

Mostrare l'avviso ad ogni caricamento di Pagina

Di default quando l'utente chiude l'avviso questo non viene più mostrato, in quanto questo comportamento può essere assimilato ad un'accettazione della Privacy Policy.

Tuttavia se si desidera che l'avviso compaia ad ogni caricamento di pagina è possibile impostare una variabile chiamata DISABLE_COOKIE_DISMISS a true:

<script type="text/javascript">
    // attivare se si desidera che l'avviso scompaia allo scroll della pagina
    var DISABLE_COOKIE_DISMISS = true;
</script>