Ziyaretçilerinizi cookie konusunda bilgilendirmek amacıyla siteye çerez uyarısı ekleme kodu ile çerez uyarı yazısı hazırlayabilirsiniz.
Siteye Çerez Uyarısı Ekleme
Web siteniz var ve Adsense başvurusu yapmak istiyorsanız sitenize çerez uyarısı eklemeniz yararlı olacaktır. Siteye çerez uyarısı ekleme kodu yardımıyla blogger sitenize yada web sitenize çerez uyarısı ekleyebilirsiniz.
Çerez uyarısı sadece Adsense başvurusu için değil hukuki yönden de gerekli bir uyarıdır. Hukuki bir süreç başladığında gizlilik ve çerez politikasının olması size avantaj sağlayacaktır.
Sitenizi ilk ziyaret eden kişilerden çerez uyarısı yaparak onay istemesi birçok kişi tarafından site içi görüntü kirliliğine sebep olduğu yönünde fikir sebebiyle çerez uyarısı eklemeyi istememektedirler.
Yazımızda 2 farklı siteye çerez uyarısı ekleme kodu paylaşacağım. Hangisi görüntü olarak hoşunuza giderse onu terci edebilirsiniz.
İlki, hali hazırda blog sitemizde de kullandığımız, çerez (cookie) uyarısı kodu;
Siteye Çerez Uyarısı Ekleme Kodu 1
<script type="text/javascript">
window.cookieconsent_options = {"message":"Bu Site, bilgisayarınıza bilgi depolamak için tanımlama bilgilerini kullanır. Bunların bazıları Sitenin çalışmasında esas rol oynasa da, bazıları da kullanıcı deneyimini iyileştirmemize yardımcı olur. Bu Siteyi kullanarak bu tanımlama bilgilerinin yerleştirilmesine izin vermiş olursunuz.","dismiss":"Kabul Et","learnMore":"Daha fazla bilgi edinmek için Gizlilik Politikamızı okuyun.","link":"https://www.internettenekis.com/p/gizlilik-politikas.html","theme":"light-bottom"};
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
<!-- End Cookie Consent -->
ÖNEMLİ: Kırmızı renkte olan URL alanını kendi sitenize göre düzenleyiniz.
ÖNEMLİ: Çerez uyarısı eklentisi uyarıları sayfanızın alt alanında görünecek ve onay isteyecektir. Eğer, sayfanızın üst tarafında yer alsın derseniz light-bottom olan alanı light-top olarak değiştiriniz.
Siteye Çerez Uyarısı Ekleme Kodu 2
<body>
<head>
<title>Çerez Örnek</title>
<link rel="stylesheet" type="text/css" media="all" href="https://oguzturk.net/lab/demo/cerez/cerez.css" />
<script type='text/javascript' src='https://oguzturk.net/lab/demo/cerez/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://www.internettenekis.com/p/gizlilik-politikas.html"
}
})});
</script>
</head>
</body>
</html>
ÖNEMLİ: Kırmızı renkte olan URL alanını kendi sitenize göre düzenleyiniz.
ÖNEMLİ: Kod içerisinde bazı düzenlemeler yapmanız mümkündür. Örneğin, uyarının üst kısında görünmesini isterseniz
"position": "top", aktif ederseniz uyarı üst kısımda görünür yazısının başında yer alan // işaretini kaldırmanız yeterli olacaktır.
Blogger Çerez Uyarısı Ekleme
Blogger kullanıcıları için blogger çerez uyarısı ekleme kodunun uygulanması oldukça kolaydır. Blogger yönetim panelinize giriş yapınız ve sol taraftan Düzen alanına giriş yapınız. Sağ yada sol alandaki sidebar alanına Gadget ekle diyoruz ve HTML/Javascript 'e tıklıyoruz. Gatget ismine Çerez Uyarısı ve altta yer alan kod alanına da kodları kopyalıyoruz ve kaydet diyoruz.
Blog sitemize giriş yaparak kontrol ediyoruz.
Web Sitesine Çerez Uyarısı Nasıl Eklenir?
Web sitenize çerez uyarısı eklemek için HTML kodlarınıza erişin ve </body> kodunu bulun. Bu kodun hemen üzerine çerez uyarısı kodunu kopyalayın ve kaydedin.Kontrol etmeyi ihmal etmeyin.
Siteye çerez uyarısı ekleme ile ilgili gerekçeleri ve siteye çerez uyarısı eklemek için şık görünümlü 2 farklı kodu paylaştık. Google Adsense başvurusı ve hukuki olarak güvende olmanız için tercihinizi yapıp uygulamanız önemlidir.