Message cookie

This commit is contained in:
fredtempez 2020-12-12 18:34:07 +01:00
parent 812ad68832
commit cd73ac6996
3 changed files with 33 additions and 12 deletions

View File

@ -221,14 +221,18 @@ core.start = function() {
/**
* Message sur l'utilisation des cookies
*/
var analytics = "";
if (<?php echo json_encode($this->getData(['config', 'analyticsId'])); ?>) {
analytics = ' grâce au cookie Google Analytics'
}
if(<?php echo json_encode($this->getData(['config', 'cookieConsent'])); ?>) {
if(document.cookie.indexOf("ZWII_COOKIE_CONSENT") === -1) {
$("body").append(
$("<div>").attr("id", "cookieConsent").append(
$("<span>").text("En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies et de vos données de visite."),
$("<span>").html("<p>Ce site utilise des cookies pour assurer l'authentification, améliorer l'expérience utilisateur"+analytics+". <br/>En cliquant sur ”Jaccepte”, vous acceptez lutilisation de ces cookies.</p>"),
$("<span>")
.attr("id", "cookieConsentConfirm")
.text("OK")
.text("Accepter")
.on("click", function() {
// Créé le cookie d'acceptation
var expires = new Date();
@ -237,7 +241,19 @@ core.start = function() {
document.cookie = "ZWII_COOKIE_CONSENT=true;" + expires;
// Ferme le message
$(this).parents("#cookieConsent").fadeOut();
})
}),
$("<span>")
.attr("id", "cookieConsentRefuse")
.text("Refuser")
.on("click", function() {
// Créé le cookie d'acceptation
var expires = new Date();
expires.setFullYear(expires.getFullYear() + 1);
expires = "expires=" + expires.toUTCString();
document.cookie = "ZWII_COOKIE_CONSENT=false;" + expires;
// Ferme le message
$(this).parents("#cookieConsent").fadeOut();
}),
)
);
}

View File

@ -2297,14 +2297,15 @@ class layout extends common {
* Affiche le script Google Analytics
*/
public function showAnalytics() {
if($code = $this->getData(['config', 'analyticsId'])) {
if($code = $this->getData(['config', 'analyticsId'])
AND $this->getInput('ZWII_COOKIE_CONSENT') === 'true') {
echo '<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id='. $code .'"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config","'. $code .'");
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config","'. $code .'");
</script>';
}
}

View File

@ -984,20 +984,22 @@ footer #footerSocials .zwiico-github:hover {
/* Message sur les cookies */
#cookieConsent {
width: 80%;
margin: auto;
opacity: .9;
background: #212223;
position: fixed;
right: 0;
bottom: 0;
bottom: 5%;
left: 0;
color: #FFF;
padding: 10px;
z-index: 60;
text-align: center;
font-size: .9em;
font-size: 1em;
}
#cookieConsentConfirm {
#cookieConsentConfirm, #cookieConsentRefuse {
cursor: pointer;
margin-left: 10px;
background: #666;
@ -1006,10 +1008,12 @@ footer #footerSocials .zwiico-github:hover {
transition: background .3s ease-out;
}
#cookieConsentConfirm:hover {
#cookieConsentConfirm:hover, #cookieConsentRefuse:hover {
background: #777;
}
/* Bloc */
.block {
/* border: 1px solid #D8DFE3;*/