Ho scoperto con estremo ritardo a causa di un'assenza prolungata, della nuova normativa entrata in vigore che regolamenta i cookie utilizzati anche di terze parti, nei siti web.
Come posso fare per implementare una barra che permetta all'utente di scegliere e leggere la politica del sito?
Utilizzo website maker mx e non saprei proprio come aggiungere questa opzione.
Resto in attesa, grazie.
Ho provato a inserire questo codice:
<script language="JavaScript" type="text/javascript">
<!--
// Prelevato su http://www.web-link.it
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ScanCookie(variable)
{
cook = document.cookie;
variable += "=";
place = cook.indexOf(variable,0);
if (place <= -1)
return("0");
else
{
end = cook.indexOf(";",place)
if (end <= -1)
return(unescape(cook.substring(place
+variable.length,cook.length)));
else
return(unescape(cook.substring(place
+variable.length,end)));
}
}
function CreationCookie(nom,valeur,permanent)
{
if(permanent)
{
dateExp = new Date(2020,11,11);
dateExp = dateExp.toGMTString();
ifpermanent = '; expires=' + dateExp + ';';
}
else
ifpermanent = '';
document.cookie = nom + '=' + escape(valeur) + ifpermanent;
}
if(ScanCookie("nome sito")==0)
{
window.alert("Ciao questo sito utilizza i cookie, se fai click su ok e
continui la navigazione accetti i cookie");
CreationCookie("nome sito","oui",false)
}
// -->
</script>
Il punto è che vorrei aggiungere anche l'opzione per poter visualizzare la pagina della politica sui cookie che ho creato nel sito.
Come devo modificarlo?
Il codice che hai messo non è molto idoneo, dovresti mettere un'alto codice:
http://www.web-link.it/scripting/U3_avviso_cookie.php
Leggi bene le istruzioni
Il codice che hai messo non è molto idoneo, dovresti mettere un'alto codice:
http://www.web-link.it/scripting/U3_avviso_cookie.php
Leggi bene le istruzioni
Ho letto le istruzioni, ma mi trovo in difficoltà. Ho copiato il primo codice e utilizzato lo strumento html di website maker per creare il banner 1.
Ora mi dice che devo copiare il secondo codice e metterlo in una cartella rinominando il file cookie.js.
Dove devo creare la cartella? utilizzando l'interfaccia sempre di website maker. ho paura di aver sbagliato anche i primi passi , perchè creando il banner html con gli sytrumenti di website maker non ho i tags <head> e </head>
Il primo codice da mettere in Head va bene utilizzarlo con il widgets HTML(Beta) di Website Maker.
Il secondo codice lo copi nel blocconote di windows e lo salvi con il nome “cookie.js”.
Ora quest’ultimo file js lo devi pubblicare tramite FTP, quindi vai su:
https://www.magix-online.com/it/, fai il login con i tuoi dati di Website Maker, poi selezioni “Hosting free”e clicca su Avvia WebFTP.
A questo punto si apre la tua finestra FTP, clicca su carica o Upload (dipende in che lingua hai scelto di visualizzare), adesso si apre un’altra finestra (Drag &Drop) trascini dentro il file “cookie.js” e attendi che finisce il caricamento.
Adesso il file “cookie.js” si trova a questo indirizzo:
http://tuo nome.magix.net/website/cookie.js.
L’ultimo passaggio da fare e sostituire il codice che hai messo in Website maker, nell’ultima riga è:
<script src="cookie.js" type="text/javascript"></script>
Quest’ultima stringa la modifichi così:
<script src="http://tuo nome.magix.net/website/cookie.js" type="text/javascript"></script>
Adesso dovrebbe funzionare bene.
PS: Nel file js, c’e una stringa di questo genere da modificare prima di fare l’FTP:
<a href='http://tuosito.it
sostituire http://tuosito.it con l’indirizzo della tua pagina sulla policy fatta con Website Maker.
Il primo codice da mettere in Head va bene utilizzarlo con il widgets HTML(Beta) di Website Maker.
Il secondo codice lo copi nel blocconote di windows e lo salvi con il nome “cookie.js”.
Ora quest’ultimo file js lo devi pubblicare tramite FTP, quindi vai su:
https://www.magix-online.com/it/, fai il login con i tuoi dati di Website Maker, poi selezioni “Hosting free”e clicca su Avvia WebFTP.
A questo punto si apre la tua finestra FTP, clicca su carica o Upload (dipende in che lingua hai scelto di visualizzare), adesso si apre un’altra finestra (Drag &Drop) trascini dentro il file “cookie.js” e attendi che finisce il caricamento.
Adesso il file “cookie.js” si trova a questo indirizzo:
http://tuo nome.magix.net/website/cookie.js.
L’ultimo passaggio da fare e sostituire il codice che hai messo in Website maker, nell’ultima riga è:
<script src="cookie.js" type="text/javascript"></script>
Quest’ultima stringa la modifichi così:
<script src="http://tuo nome.magix.net/website/cookie.js" type="text/javascript"></script>Adesso dovrebbe funzionare bene.
PS: Nel file js, c’e una stringa di questo genere da modificare prima di fare l’FTP:
<a href='http://tuosito.it
sostituire http://tuosito.it con l’indirizzo della tua pagina sulla policy fatta con Website Maker.
niente. Ho seguito le istruzioni passo per passo ma non funziona. Ho fatto anche in un altro modo: nella stringa "http://tuo nome.magix.net/website/cookie.js" ho tolto "/website" vedendo che nelle proprietà del file l link che mi dava nel server ftp era: "http://tuonome.magix.net/cookie.js" ma non ha funzionato. Una volta che pubblico il tutto non compare nulla.In cosa potrei aver sbagliato?
Tu non hai sbagliato nulla, sono io che ti ho dato il link sbagliato, quello giusto è:
http://tuonome.magix.net/public/coockie.js
quindi la stringa giusta è:
<script src="http://tuo nome.magix.net/public/cookie.js" type="text/javascript"></script>
Fai attenzione alle minuscole o maiuscole, se il file js l'hai nominato "Cookie.js" è diverso da cookie.js, come vedi una ha la maiuscola e l'altra no, questo è il tipico errore che fanno in tanti.
Ovviamente http://tuo sito.. dovrà essere sostituito con il nome del tuo spazio web gratuito.
Altra cosa è che quando vedrai l'avviso, una volta cliccato e accettato non lo vedrai più, fin quando non cancelli i cookie dal PC dalle impostazioni del browser che utilizzi.
Grazie mille! Funziona, a parte il reindirizzamento al link,ma devo aver magari sbagliato a scrivere l'indirizzo della pagina interna. Domani ricontrollo ben e metto tutto online. Ora mi serve qlche ora di sonno, domani levataccia alle 4.
Grazie mille ancora, sempre utilissimo ^.^ e disponibile.
Nulla. Il banner funziona, si visualizza correttamente, a non reindirizza alla pagina web.
Purtroppo essendo completamente ignorante per quanto riguarda i codici, non so nemmeno dove sbaglio. Ecco come ho modificato la stringa dove ho inserito l'indirizzo della pagina del mio sito dove ho messo l'informativa:
<a href='http://www.devilalliance.org/#Politica
%20Cookie.html'>
Può essere che debba togliere l'apostrofo prima e dopo l'url?
apri la pagina della politica, copia l'indirizzo e scrivilo qui.
Il sito deve essere pubblicato.
Nota bene, Website ha le pagine che non finiscono con il suffisso *.htm,
Quindi l'indirizzo esatto dovrebbe risultare in questo modo:
<a href='http://www.devilalliance.org/#Politica%20Cookie'>
http://www.devilalliance.org/#Politica%20Cookie
Questo è l'indirizzo della pagina. Ora il sito è online ma continua a non linkarmi
Ho modificato la stringa in questo modo:
Ma la pagina è pubblicata? perchè cliccandoci sopra mi porta nella Home Page
Comunque ho visto che la politica è pubblicata a questo indirizzo:
http://www.devilalliance.org/#Politica%20Cookie%20parte2.
Quindi nel file js, nella stringa che ti ho detto devi inserire:
<a href='http://www.devilalliance.org/#Politica%20Cookie%20parte2'>
e poi fare nuovamente l'FTP.
Per sicurezza elimina i file temporaneri di internet
La pagina è pubblicata.
il link che recuperavi cliccando sulla politica era errato, perchè rimandava alla seconda parte, ora corretto, ma tutto il resto è come dovrebbe essere, salvo fatta eccezione per il fatto che mi rimanda sempre alla homepage.
Dici che questo possa essere causato dal fatto che l'informativa è in una sottopagina della sezione home?
Prova a eliminare il collegamento ipertestuale nel pulsante "Politica Cookie" e aggiungi una sotto categoria come quella della "politica cookie perte 2"
in pratica avresti il pulsante del menù in questo modo:
1 Politica cookie ( inattivo) |
2 --------------------->Politica cookie 1 (sotto menù)
3---------------------->Politica cookie 2 (sotto menù come è adesso).
Comunque potresti anche optare per una sola pagina inserendo lo scroll bar per visualizzare tutto il contenuto, che sarebbe la soluzione migliore e la più usata.
Ricordati di mettere il codice solo nella pagina di sfondo di website Maker, altrimenti si sommano gli avvisi e poi non risultano più leggibili
Se proprio non riesci a utilizzare il banner dei cookie, te ne spedisco uno io " è quello che uso nel mio sito"
Basta che mi lasci l'indirizzo e-mail nei miei messaggi privati
Ho ridotto tutto ad una sola pagina, con lo scroll, proprio per semplificare.
Ho creato un "link" nella struttura del sito con la dicitura Politica cookie esuccessivamente creato solo 1 pagina politica cookie, con tutta la policy.
Quindi ho creato il file cookie rinnovato.
Messo tutto online.......
...nulla. quando si clicca sul pulsante per l'informativa, mi ricarica la homepage.
sicuramente sbagli qualcosa con il file "cookie.js".
Ricontrollalo e verifica che l'indirizzo link alla tua nuova pagina sia giusto.
Per essere certo di non sbagliare indirizzo, metti online il sito, poi apri la tua nuova pagina della policy, ora dal box degli indirizzi del browser selezioni l'indirizzo, fai copia e poi lo incolli nel documento js.
Ora quando fai l'FTP, prima cancella il documento js che hai nel tuo host, e ci metti quello nuovo.
Deve funzionare per forza, tutto è basato sul file js, quel codice messo in Website Maker è solo un collegamento al file js.
Comunque se proprio non ne vieni a capo ti mando il mio, che è una semplice striscia bianca con il testo e l'ok per chiudere il banner e l'info per collegarti alla policy.
Puoi controllarlo cliccando sotto questa mia risposta dove vedi le scritte evidenziate in nero e blu.
Niente da fare. ho provato e riprovato modificando e ricontrollando che il codice fosse corretto nelle sezioni che dovevo modificare ma non funziona. Te lo riporto qui sotto, forse mi sbaglio in qualche cosa.
$(
function () {
var ck = false;
if ( document.cookie && document.cookie.match(/cookie=1/) ) {
ck = true;
}
if ( ! ck ) {
$("body").append(
"<section id='cookie'>\
Questo sito utilizza cookie di terze parti per offrirti un'esperienza di navigazione ottimizzata e in linea con le tue preferenze. Se vuoi approfondire premi\
<a href='http://www.devilalliance.org/#Politica%20Cookie'>questo link</a> oppure \
<a href='#' data-show='none' data-setc='closecookie'>Chiudi</a> questo avviso.\
</section>"
);
$("#cookie").css({
position: "fixed"
, top: 0
, left: 0
, width: "100%"
, background: "rgba(254,203,0,0.8)"
, "z-index": 60
, padding: "1em"
, color: "#000055"
, "text-align": "center"
, "box-shadow": "0 .5em .5em rgba(0,0,0,.5)"
, margin: 0
, "min-height": 0
});
$("#cookie>a").css({
"text-decoration": "none"
, width: "8em"
, background: "#0099ff"
, color: "#fff"
, "border-radius": ".2em"
, display: "inline-block"
, "text-align": "center"
});
$("#cookie>a:first").css({
background: "#ff7d00"
});
$("a[data-setc='closecookie']").click(
function (e) {
$("#cookie").remove();
document.cookie = [
encodeURIComponent('cookie'), '=1',
'; expires=Sat, 31 Dec 2050 00:00:00 UTC',
'; path=/'
].join('');
}
);
}
}
);
Se continui a mantenere il sito offline mi diventa difficile aiutarti.
Tieni conto che ci sono vari tipi di cookie, il tuoi, se usi un'analizzatore come il contatore visite, è della categoria "Tecnici", quindi non necessariamente hai l'obbligo di mettere l'avviso dei cookie ( anche se è sempre meglio metterlo) al limite per il momento lascia solo l'avviso anche senza il collegamento alla politica, che puoi mettere nella pagina come link.
poi ci sono i cookie "di proliferazione" in questo caso è obbligatorio metterlo, in quanto sono cookie che tengono traccia dei movimenti dell'utente quando naviga su Internet, in modo da spedire via e-mail o via browser delle pubblicità mirate.
Quindi detto questo puoi lasciare online il sito, e intanto vediamo di trovare una soluzione.
Ho provato personalmente il codice che stai usando tu e non ho trovato anomalie, tutto funziona a meraviglia.
Se vuoi ti do una mano con Skype, oppure utilizza questo codice:
----------------------------------
<!-- Codice per accettazione cookie - Inizio -->
<script type='text/javascript'>
//<![CDATA[
(function(window) {
if (!!window.cookieChoices) {
return window.cookieChoices;
}
var document = window.document;
var supportsTextContent = 'textContent' in document.body;
var cookieChoices = (function() {
var cookieName = 'displayCookieConsent';
var cookieConsentId = 'cookieChoiceInfo';
var dismissLinkId = 'cookieChoiceDismiss';
function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
var butterBarStyles = 'position:fixed;width:100%;background-color:#eee;' +
'margin:0; left:0; top:0;padding:4px;z-index:1000;text-align:center;';
var cookieConsentElement = document.createElement('div');
cookieConsentElement.id = cookieConsentId;
cookieConsentElement.style.cssText = butterBarStyles;
cookieConsentElement.appendChild(_createConsentText(cookieText));
if (!!linkText && !!linkHref) {
cookieConsentElement.appendChild(_createInformationLink(linkText, linkHref));
}
cookieConsentElement.appendChild(_createDismissLink(dismissText));
return cookieConsentElement;
}
function _createDialogElement(cookieText, dismissText, linkText, linkHref) {
var glassStyle = 'position:fixed;width:100%;height:100%;z-index:999;' +
'top:0;left:0;opacity:0.5;filter:alpha(opacity=90);' +
'background-color:#ccc;';
var dialogStyle = 'z-index:1000;position:fixed;left:40%;top:40%';
var contentStyle = 'position:relative;left:-50%;margin-top:-25%;' +
'background-color:#ccc;padding:20px;box-shadow:4px 4px 25px #888;';
var cookieConsentElement = document.createElement('div');
cookieConsentElement.id = cookieConsentId;
var glassPanel = document.createElement('div');
glassPanel.style.cssText = glassStyle;
var content = document.createElement('div');
content.style.cssText = contentStyle;
var dialog = document.createElement('div');
dialog.style.cssText = dialogStyle;
var dismissLink = _createDismissLink(dismissText);
dismissLink.style.display = 'block';
dismissLink.style.textAlign = 'right';
dismissLink.style.marginTop = '8px';
content.appendChild(_createConsentText(cookieText));
if (!!linkText && !!linkHref) {
content.appendChild(_createInformationLink(linkText, linkHref));
}
content.appendChild(dismissLink);
dialog.appendChild(content);
cookieConsentElement.appendChild(glassPanel);
cookieConsentElement.appendChild(dialog);
return cookieConsentElement;
}
function _setElementText(element, text) {
if (supportsTextContent) {
element.textContent = text;
} else {
element.innerText = text;
}
}
function _createConsentText(cookieText) {
var consentText = document.createElement('span');
_setElementText(consentText, cookieText);
return consentText;
}
function _createDismissLink(dismissText) {
var dismissLink = document.createElement('a');
_setElementText(dismissLink, dismissText);
dismissLink.id = dismissLinkId;
dismissLink.href = '#';
dismissLink.style.marginLeft = '24px';
return dismissLink;
}
function _createInformationLink(linkText, linkHref) {
var infoLink = document.createElement('a');
_setElementText(infoLink, linkText);
infoLink.href = linkHref;
infoLink.target = '_blank';
infoLink.style.marginLeft = '8px';
return infoLink;
}
function _dismissLinkClick() {
_saveUserPreference();
_removeCookieConsent();
return false;
}
function _showCookieConsent(cookieText, dismissText, linkText, linkHref, isDialog) {
if (_shouldDisplayConsent()) {
_removeCookieConsent();
var consentElement = (isDialog) ?
_createDialogElement(cookieText, dismissText, linkText, linkHref) :
_createHeaderElement(cookieText, dismissText, linkText, linkHref);
var fragment = document.createDocumentFragment();
fragment.appendChild(consentElement);
document.body.appendChild(fragment.cloneNode(true));
document.getElementById(dismissLinkId).onclick = _dismissLinkClick;
}
}
function showCookieConsentBar(cookieText, dismissText, linkText, linkHref) {
_showCookieConsent(cookieText, dismissText, linkText, linkHref, false);
}
function showCookieConsentDialog(cookieText, dismissText, linkText, linkHref) {
_showCookieConsent(cookieText, dismissText, linkText, linkHref, true);
}
function _removeCookieConsent() {
var cookieChoiceElement = document.getElementById(cookieConsentId);
if (cookieChoiceElement != null) {
cookieChoiceElement.parentNode.removeChild(cookieChoiceElement);
}
}
function _saveUserPreference() {
// Durata del cookie di un anno
var expiryDate = new Date();
expiryDate.setFullYear(expiryDate.getFullYear() + 1);
document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
}
function _shouldDisplayConsent() {
// Per mostrare il banner solo in mancanza del cookie
return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
}
var exports = {};
exports.showCookieConsentBar = showCookieConsentBar;
exports.showCookieConsentDialog = showCookieConsentDialog;
return exports;
})();
window.cookieChoices = cookieChoices;
return cookieChoices;
})(this);
document.addEventListener('DOMContentLoaded', function(event) {
cookieChoices.showCookieConsentBar('Questo sito utilizza i cookie . Se decidi di continuare la navigazione considero che accetti il loro uso.',
'OK', 'Info', 'http://www.devilalliance.org/#Politica%20Cookie');
});
//]]>
</script>
<!-- Codice per accettazione cookie - Fine -->
Ti chiedo scusa ero convinto di averti messo la pagina dove è temporaneamente pubblicato:
http://www.devilalliance.magix.net/website
Gli unici cookie presenti a parte il contatore sono quelli di google adsense (non sono registrato su analytics), Chatango per la chat testuale, google+ e ho messo anche facebook, perchè avrei intenzione di mettere il tag mi piace in futuro.
Faccio una prova con il tuo codice. Ti ringrazio intanto infinitamente per il grande aiuto e per la sopportazione ^.^.
Utilizzando Adsense, ti prendi la responsabilità dei cookie di proliferazione, quindi necessariamente devi mettere l'avviso.
Dopo aver controllato bene la struttura del sito, dovrei aver trovato la "quadra".
Ora ho una pagina di prova dove riscriverò l'informativa. ho creato una pagina aggiuntiva a se stante e non sotto pagina o sotto menù. in questo modo ora cliccando "info" nel banner si apre una scheda nel browser che va alla pagina dell'informativa.
Si può provare a questo link: http://www.devilalliance.magix.net/website
Ok va bene, ora da Website Maker allunga la striscia html in modo che la scritta stia tutta in una linea, poi diminuisci l'altezza della striscia, dopo alzala in cima alla pagina e centrala con la lunghezza della pagina.
In questo modo è meno invadente ma si nota chiaramente con il colore bianco e scritta nera.
Comunque bravo, per il fatto che sei riuscito.
PS: Lo scroll bar mettilo solo se il testo è più alto della pagina, viceversa non metterlo.
Fatto!! Grazie mille per tutto :)
il risultato lo puoi trovare qui: http://www.devilalliance.org
Per ora l'ho lasciato così, quando avrò più tempo lo personalizzerò meglio.
Grazie ancora per il tempo speso a darmi una 2 3 4 mani :)