Sitenize Çerez Uyarısı Ekleme

17 Mayıs 2021 0 Yorum

Sitenize “Sitemizden en iyi şekilde faydalanabilmeniz için çerezler kullanılmaktadır. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz.” gibi çerez uyarı eklemek için aşağıdaki kodları kullanabilirsiniz.

<html>
<body>
<head>
<title>Çerez Örnek</title>
<link rel="stylesheet" type="text/css" media="all" href="https://pazaryeridestek.com/dis/dosya/cerez.css" />
<script type='text/javascript' src='https://pazaryeridestek.com/dis/dosya/cerez.js'></script>
Çerez Örnek
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#646478", // şerit arkaplan rengi
"text": "#ffffff" // şerit üzerindeki yazı rengi
},
"button": {
"background": "#8ec760", // buton arkaplan rengi - "transparent" kullanıp border açabilirsiniz.
//"border": "#14a7d0", arkaplan rengini transparent yapıp çerçeve kullanabilirsini
"text": "#ffffff" // buton yazı rengi
}
},
"theme": "classic", // kullanabileceğiniz temalar block, edgeless, classic
// "type": "opt-out", gizle uyarısını aktif etmek için
// "position": "top", aktif ederseniz uyarı üst kısımda görünür
// "position": "top", "static": true, aktif ederseniz uyarı üst kısımda sabit olarak görünür
// "position": "bottom-left", aktif ederseniz uyarı solda görünür
//"position": "bottom-right", aktif ederseniz uyarı sağda görünür
"content": {
"message": "Sitemizden en iyi şekilde faydalanabilmeniz için çerezler kullanılmaktadır. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz.",
"dismiss": "Tamam",
"link": "Daha fazla bilgi",
"href": "https://pazaryeridestek.com"
}
})});
</script>
</head>
</body>
</html>

Yukarıdaki kod ile sitenize çerez uyarısı ekleyebilirsiniz. Kodlar aşağıdaki özellikleri destekler.

  • Arkaplan, buton ve metin renklerini değiştirebilirsiniz.
  • 3 farklı temadan birini seçebilirsiniz.
  • Çerez uyarısının konumu değiştirebilirsiniz.
  • Çerezi kabul eden kullanıcı sitenize sonraki girişlerinde tekrar uyarı ile karşılaşmaz.

 

Demo İçin Tıklayın 

 

Kodlarda sorun yaşarsanız demodaki kaynak kodunu kullanabilirsiniz.