Pro správnou implementaci Cookies lišty používám tyto nástroje:
Vkládám do patičky (v případě WordPress do footer.php).
<!-- cookies -->
<p id="cookie-notice">
Web používá k chodu, personalizaci reklam a analýze návštěvnosti
<a href="https://policies.google.com/technologies/cookies?hl=cs" target="_blank">cookies</a>.
Prohlížením stránek souhlasíte s jejich používáním. <br>
<button onclick="acceptCookie();">Souhlasím</button>
</p>
<script>
var CookieDate = new Date;
CookieDate.setFullYear(CookieDate.getFullYear() +1);
function acceptCookie() {
document.cookie="cookieaccepted=1; expires=" + CookieDate.toUTCString() + "; path=/";
document.getElementById("cookie-notice").style.visibility="hidden";
}
document.cookie.indexOf("cookieaccepted")<0&&(document.getElementById("cookie-notice").style.visibility="visible");
</script>
<!-- end cookies -->
Malé okno vlevo dole.
/* Cookies */
#cookie-notice {
color:#fff;
font-family:inherit;
font-size: 0.9em;
background:#474747 ;
padding:16px;
position:fixed;
bottom:10px;
left:10px;
width:100%;
max-width:300px;
box-shadow:0 10px 20px rgba(0,0,0,.2);
border-radius:5px;
margin:0px;
visibility:hidden;
z-index:1000;
box-sizing:border-box;
}
#cookie-notice button {
color:inherit;
background:#99bf3b;
border:0;
padding:10px;
margin-top:10px;
width:100%;
cursor:pointer;
border-radius:5px;
}
@media only screen and (max-width:600px) {
#cookie-notice{
max-width:100%;
bottom:0;
left:0;
border-radius:0;
}
}