Çerez politikası (cookie policy) web siteniz de bulunan çerezler hakkında kullanıcılara bilgi veren bir sistemdir. Genelde wordpress, joomla gibi yazılımlar için eklentiler bulunmaktadır ancak HTML web siteleri için bunun çözümü javascript kullanarak gerçekleştirebilirsiniz.
HTML web siteniz için web sitenizdeki ziyaretçilere çerezler ile ilgili bir uyarı göstermek istiyorsanız kullanabileceğiniz çerez politikaları kodu (Cookie Consent javascript) ile bu işlemi kolaylıkla yapabilirsiniz.
Bu javascript kodunu kullanarak web sitenizde ziyaretçilerinize kolay bir şekilde uyarı gösterebileceksiniz. Sitenize giren ziyaretçiler bir kere Tamam butonuna bastıktan sonra uyarı artık ona gözükmeyecektir ve çerezler politikası sayfasına link uyarı içerisinde direk çıkacaktır.
HTML siteler için hazırladığımız bu kodlamada bir css dosyası ve birde javascript dosyası bulunmaktadır. Css dosyanızı sitenizin kodlarındaki </head> etiketinden öncesine ekleyiniz. Javascript dosyasını da </body> etiketinden öncesine ekleyiniz.
Sonrada hazırladığınız kodları <script></script> etiketleri arasındaki kodlar javascript linkinden sonra olmalı eğer öncesine eklerseniz kodlar hata verecektir.
<html>
<head>
<link href="https://www.lokmangunes.com.tr/assets/cookieconsent.min.css" rel="stylesheet">
</head>
<body>
<script src="https://www.lokmangunes.com.tr/assets/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#333333", // Uyarının arkaplan rengi
"text": "#ffffff" // Uyarının üzerindeki yazı rengi
},
"button": {
"background": "#CC3333", // Tamam butonunun arkaplan rengi - "transparent" kullanırsanız border özelliğini açabilirsiniz.
//"border": "#14a7d0", // Arkaplan rengini transparent yapıp çerçeve kullanabilmek için
"text": "#ffffff" // Tamam butonunun yazı rengi
}
},
"theme": "block", // Kullanabileceğiniz temalar; block, edgeless, classic. Sitenizin görüntüsüne uygun olanı seçebilirsiniz.
"type": "opt-out", // Gizle uyarısını aktif etmek için
// "position": "top", // Aktif ederseniz uyarı üst kısımda görünür
//"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. Sitemize giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz.",
"dismiss": "Tamam",
"link": "Çerez Politikamız",
"href": "https://www.lokmangunes.com.tr/blog/cerez-politikasi/"
}
})});
</script>
</body>
</html>