Shefarol Soluções Web

Modelo LGPD - Voltar

Veja abaixo uma caixa avisando sobre o consentimento do uso de cookies e um link para o texto LGPD

Código CSS dentro do head
.cookieConsentContainer{
	z-index:999;
	width:300px;
	min-height:20px;
	box-sizing:border-box;
	padding:20px;
	background:#333;
	overflow:hidden;
	position:fixed;
	bottom:10px;
	right:10px;
	display:none
}
.cookieConsentContainer .cookieTitle a{
	font-family:OpenSans,arial,sans-serif;
	color:#F90;
	font-size:22px;
	line-height:20px;
	display:block
}
.cookieConsentContainer .cookieDesc p{
	margin:0;
	padding:0;
	font-family:OpenSans,arial,sans-serif;
	color:#FFF;
	font-size:13px;
	line-height:20px;
	display:block;
	margin-top:10px
}
.cookieConsentContainer .cookieDesc a{
	font-family:OpenSans,arial,sans-serif;
	color:#F90;
	text-decoration:underline
}
.cookieConsentContainer .cookieButton a{
	display:inline-block;
	font-family:OpenSans,arial,sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:700;
	margin-top:14px;
	background:#000;
	box-sizing:border-box;
	padding:10px 20px;
	text-align:center;
	transition:background .3s
}
.cookieConsentContainer .cookieButton a:hover{
	cursor:pointer;
	background:#F90;
	color: #000;
}
@media (max-width:980px){
	.cookieConsentContainer{
		bottom:0 !important;
		left:0 !important;
		width:100% !important
	}
}

 

Código Javascript antes da tag /body
var purecookieTitle = "Cookies!", 
	purecookieDesc = "Ao navegar neste site você aceita todos os cookies que usamos.",
	purecookieLink = 'Saiba mais...', 
	purecookieButton ="Aceito";
function pureFadeIn(e,o){
	var i = document.getElementById(e);
	i.style.opacity = 0, 
	i.style.display = o || "block", 
	function e(){
	    var o = parseFloat(i.style.opacity);
	    (o+=.02)>1||(i.style.opacity=o,
	    	requestAnimationFrame(e))
	}()
}
function pureFadeOut(e){
	var o = document.getElementById(e);
	o.style.opacity=1,
	function e(){
	    (o.style.opacity-=.02)<0?o.style.display="none":requestAnimationFrame(e)
	}()
}
function setCookie(e,o,i){
	var t = "";
	if(i){
	    var n = new Date;
	    n.setTime(n.getTime()+24*i*60*60*1e3),t="; expires="+n.toUTCString()
	}
	document.cookie=e+"="+(o||"")+t+"; path=/"
}
function getCookie(e){
	for(var o=e+"=",i=document.cookie.split(";"),t=0;t<i.length;t++){
		for(var n=i[t];" "==n.charAt(0);)
	    	n=n.substring(1,n.length);
	    if(0==n.indexOf(o))
	    	return n.substring(o.length,n.length)
	    }
	return null
}
function eraseCookie(e){
	document.cookie=e+"=; Max-Age=-99999999;"
}
function cookieConsent(){
	getCookie("purecookieDismiss")||(document.body.innerHTML+='<div class="cookieConsentContainer" id="cookieConsentContainer"><div class="cookieTitle"><a>'+purecookieTitle+'</a></div><div class="cookieDesc"><p>'+purecookieDesc+" "+purecookieLink+'</p></div><div class="cookieButton"><a onClick="purecookieDismiss();">'+purecookieButton+"</a></div></div>",pureFadeIn("cookieConsentContainer"))
}
function purecookieDismiss(){
	setCookie("purecookieDismiss","1",7),
	pureFadeOut("cookieConsentContainer")
}
window.onload=function(){
	cookieConsent()
};

 

Veja um modelo de LGPD aqui