Effective Cookie Popup Templates for Website Compliance

Мы используем файлы cookie на этом сайте, чтобы улучшить ваш пользовательский опыт и по соображениям безопасности.

Этот сайт защищен Google reCAPTCHA. Необходимые файлы cookie reCAPTCHA и Google Protection устанавливаются при отправке форм с этого сайта и сохраняются на вашем компьютере. reCAPTCHA защищает наш сайт от мошенничества и злоупотреблений. reCAPTCHA использует усовершенствованный механизм анализа рисков и адаптивные функции для предотвращения несанкционированного доступа вредоносного программного обеспечения к нашему веб-сайту. Если вы не согласны с Политикой конфиденциальности и Условиями использования этого сервиса Google, вам не следует предоставлять какие-либо данные с помощью форм на нашем веб-сайте.

Google Analytics Cookie

Мы используем файлы cookie для сбора статистических данных в Google Analytics (Политика конфиденциальности Google LLC). Нажмите “Принять всё”, чтобы принять файлы cookie Google Analytics. Если вы желаете изменить свой выбор, то вы всегда можете отменить файлы cookie Google Analytics, нажав кнопку “Отпечаток пальца” в левом нижнем углу веб-сайта.

Политика конфиденциальности и
Условия использования

Нажимая кнопку “Принять …”, вы соглашаетесь с нашей Политикой конфиденциальности и Условиями использования.

CSS

JS Native

JS jQuery

JS jQuery No GA

JS jQuery Scroll Up button

CSS

				
					/***************************************************** COOKIE POPUP CSS */
.cookie-popup{position:fixed!important;left:0;overflow:auto;width:100%;border-top:1px solid #efefef;background-color:#ffffff}
.accept-cookie-button a,.decline-cookie-button a,.cookie-settings svg,.cookie-settings .pp{cursor:pointer}
.cookie-settings .pp{display:none}
.cookie-settings:hover .pp{display:block;position:absolute;z-index:-1;top:4px;height:18px;margin:0;padding:3px 0 2px 30px;border-radius:40px;font-size:11px;font-weight:600;line-height:1em;text-align:left;color:#303030;background-color:#ffffff;}
.cookie-settings-en:hover .pp{width:130px}
@media screen and (min-width:768px){
.cookie-popup{bottom:-1000px;transition:bottom 0.2s linear}
.cookie-popup.active{bottom:0px}
}
@media screen and (max-width:767px){
.cookie-popup{left:-1000px;bottom:0;opacity:0;transition:opacity 0.3s linear}
.cookie-popup.active{left:0px;opacity:1}
}
/***************************************************** COOKIE POPUP CSS */

JS Native

				
					/************************************************************ COOKIE */
/*! js-cookie v3.0.1 | MIT */!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));
/************************************************************ COOKIE */

JS jQuery

				
					/********************************************************************************************** COOKIE POPUP */


var cook = Cookies.get('SetCookies');
if (cook === undefined){
	ShowPopupCookie();
	SettingsCookie();
}
if (cook === 'accept'){
	GoogleAnalytics();
}
if (cook === 'decline'){
	RemoveGoogleAnalytics();
	Cookies.set('SetCookies','decline',{expires:365,path:'/'});
}
$(document).on('click','.cookie-settings,.cookie-settings figcaption',function(){
	ShowPopupCookie();
	SettingsCookie();
});
function SettingsCookie(){
	$(document).on('click','.accept-cookie-button a',function(){
		HidePopupCookie();
		Cookies.set('SetCookies','accept',{expires:365,path:'/'});
		GoogleAnalytics();
	});
	$(document).on('click','.decline-cookie-button a',function(){
		HidePopupCookie();
		RemoveGoogleAnalytics();
		if (cook === undefined || cook === 'accept'){
			Cookies.set('SetCookies','decline',{expires:365,path:'/'});
		}
	});
}
function ShowPopupCookie(){
	$('.cookie-popup').addClass('active');
}
function HidePopupCookie(){
	$('.cookie-popup').removeClass('active');
}
function GoogleAnalytics(){
	$('footer').after('<!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-HEGYEWS9GZ"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-HEGYEWS9GZ");</script>');
}
function RemoveGoogleAnalytics(){
	$.each(Cookies.get(),function(index,value){
		if (index.substring(0,3) === '_ga'){
			Cookies.remove(index,{path:'/',domain:'.asien-naturreisen.de'});
		}
	});
}
//var cookie = Cookies.get();
//console.log(cookie);


/********************************************************************************************** COOKIE POPUP */

JS jQuery No GA

				
					/***************************************************** COOKIE POPUP JS jQuery no Google Analytics */
var cook = Cookies.get('SetCookies');
if (cook === undefined){
	ShowPopupCookie();
	SettingsCookie();
}
if (cook === 'decline'){
	Cookies.set('SetCookies','decline',{expires:365,path:'/'});
}
$(document).on('click','.cookie-settings,.cookie-settings figcaption',function(){
	ShowPopupCookie();
	SettingsCookie();
});
function SettingsCookie(){
	$(document).on('click','.accept-cookie-button a',function(){
		HidePopupCookie();
		Cookies.set('SetCookies','accept',{expires:365,path:'/'});
	});
	$(document).on('click','.decline-cookie-button a',function(){
		HidePopupCookie();
		if (cook === undefined || cook === 'accept'){
			Cookies.set('SetCookies','decline',{expires:365,path:'/'});
		}
	});
}
function ShowPopupCookie(){
	$('.cookie-popup').addClass('active');
}
function HidePopupCookie(){
	$('.cookie-popup').removeClass('active');
}
/***************************************************** COOKIE POPUP JS jQuery no Google Analytics */

JS jQuery Scroll Up button

				
					/************************************************************ SCROLL UP BUTTON */


var winHeight = $(window).height();
$(window).scroll(function(){
	var scrollTop = $(window).scrollTop();
	if (scrollTop > winHeight){
		$('.scroll-up').addClass('active');
	}else{
		$('.scroll-up').removeClass('active');
	}
});


/************************************************************ SCROLL UP BUTTON */

Cookie Popup 01 en

1 file(s) 5 KB