Banner avviso cookie come sito website
Auteur : Luciano F.
Visité 5819,
Followers 1,
Partagé 0
Ciao ragazzi,
ho letto diversi post inerenti i cookie ma io non sono molto esperto dei codici e vorrei realizzare un banner proprio come quello che si vede in basso accedento a questo sito. Mi è chiara la pagina nascosta con la policy ma non molto i codici da inserire e il punto di inserimento.
Uso la versione 11 pro, qualcuno potrebbe cortesemente indicare una procedura, una sequenza di come fare.
Mille grazie in anticipo.
Luciano
Posté le
qui trovi il link e anche la procedura:
https://helpcenter.websitex5.com/post/108583
Auteur
Grazie Mirko, tramite la pagina da te linkata e questa http://www.unofficialwsx5.com/index.php?topic=1921.0 sono riuscito ad avere la barra e ho capito come personalizzarla nel testo ma si posiziona nella parte alta.
Approfitto ancora della tua cortesia per chiederti cosa dovrei modificare per averla in basso?
Grazie
E' scritto nel commento del CSS:
Attenzione quel banner è solo informativo, se hai bisogno di uno script che blocchi i cookies prima del consenso esplicito, ti consiglio di usare altro.
Auteur
Come non detto....."bottom" al posto di "top" ! Che sbadato!
Mi potresti confermare che il codice da incollare al Passo 4 - Statistiche, SEO e Codice - Esperto - Prima della chiusura del tag HEAD è corretto:
<style>
/* div barra */
#cookieChoiceInfo{
color:white;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
line-height:28px;
background-color: rgb(88, 88, 88); /* per IE7/8 */
background-color: rgba(88, 88, 88, 0.9);
bottom:0; /* bottom:0; per avere la barra in basso */
text-align:center;
padding:20px 0 20px 0;
}
/* links */
#cookieChoiceInfo a{
text-decoration:none;
padding:8px;
background-color:white;
font-size:12px;
border-radius:6px;
color:#585858;
}
/* link pagina informativa */
a#more-info{
margin-left:12px;
}
/* link accettazione */
a#cookieChoiceDismiss{
margin-left:24px;
padding:8px 11px;
}
</style>
Auteur
Il sito ha solo un carrello acquisto e un bottone link a pagina facebook (no tasto mi piace) quindi credo che i cookie siano solo tecnici per consentire l'utilizzo del carrello. Non credo debba dare la possibilità di bloccare i cookie necessariamente prima altrimenti non possono acquistare....sbaglio?
Se hai solo cookies tecnici, il banner non ti serve (dovrebbe servire).
Assicurati di questo!
Prova a leggere qui: https://helpcenter.websitex5.com/post/119893#12
Auteur
Ciao ragazzi, sono riuscito applicando quanto sopra per il banner grazie anche ai vostri consigli.
Solo una cosa non riesco a fare e cioè, nella descrizione che compare nella barra in basso di avviso dei cookie non riesco a creare il link alla pagina dell'nformativa così come si vede nel banner che appare accedendo ad answers "accedi alla Policy".
Dipende dal seguente codice? Se si, come dovrei fare?
<script src="files/cookiechoices.js"></script>
<script>
$(function () {
cookieChoices.showCookieConsentBar('Questo sito fa uso di cookies. Per conoscere i cookie utilizzati ed eventualmente disabilitarli, accedere alla Policy. Continuando la navigazione si acconsente e se ne autorizza l\'uso.', 'OK', 'Info', 'Policy.html');
});
</script>
Grazie in anticipo.
In che senso?
La pagina che hai indicato nello script è Policy.html
Assicurati che sia esattamente così, con la P maiuscola (se non hai un server Windows).
Altrimenti spiegati meglio e posta un link.
Auteur
Ecco, cerco di essere più chiaro.
Con quel codice se clicco su "Info" funziona tutto ok ma vorrei che in questa frase:
"Per conoscere i cookie utilizzati ed eventualmente disabilitarli, accedere alla Policy."
la parte in grassetto ("accedere alla Policy") diventi un link.
Grazie
Se vuoi mantenere lo stile del "pulsante OK" come da CSS di esempio, puoi scrivere questa "frase" nello script:
Il relativo CSS diventerà così:
/* link pagina informativa */
a#more-info{
font-size:14px;
text-decoration:underline;
padding:0;
color:#fff;
background-color:transparent;
}
Ovviamente potrai personalizzarlo come credi.
In allegato, il risultato.
Auteur
Niente...io non riesco a fare ciò che vorrei e credo che non riesca a spiegarmi.
Data la frase: "Per conoscere i cookie utilizzati ed eventualmente disabilitarli, accedere alla Policy. bla bla bla...."
con questo codice:
<script src="files/cookiechoices.js"></script>
<script>
$(function () {
cookieChoices.showCookieConsentBar('Questo sito fa uso di cookies. Per conoscere i cookie utilizzati ed eventualmente disabilitarli, accedere alla Policy. Continuando la navigazione si acconsente e se ne autorizza l\'uso.', 'OK', 'Info', 'Policy.html');
});
</script>
va tutto bene.
Vorrei solo far diventare un link la parte che qui sotto scrivo in grassetto:
accedere alla Policy che si trova a circa metà frasee che si trova all'interno della frase scritta sopra.
Ho cercato in internet è ho trovato questo esempio:
<a href="http://nome pagina.html">nome pagina</a>
dove ho sostituito le parti previste ma non riesco a inserirlo nel codice per rendere un link il pezzo che recita "accedere alla Policy" .
Grazie comunque per il supporto.
Auteur
<script src="files/cookiechoices.js"></script>
<script>
$(function () {
cookieChoices.showCookieConsentBar('Questo sito fa uso di cookies. Per conoscere i cookie utilizzati ed eventualmente disabilitarli <a href="Policy.html">accedere alla Policy</a>. Continuando la navigazione si acconsente e se ne autorizza l\'uso.', 'OK', 'Info', 'Policy.html');
});
</script>
Arribuonasera, perchè secondo voi la parte in grassetto non diventa un link cliccabile ?