Blogger Siteye Çerez Uyarısı Ekleme
Merhaba İnternet Bilgi blogu okuyucuları bugün sizlere blogger ile oluşturulan bloglarda nasıl çerez uyarısı eklenir onu göstereceğim.
Çerez politikası 2013 yılında alınan kararla Avrupa Birliği yasalarına göre, ziyaretçilerinizi sitenizin veya blogunuzun çerez kullandığı konusunda bilgilendirmeniz gerekiyor.
Aşağıda blogger ile oluşturulmuş siteler için çerez uyarı kodları bulunmaktadır
KOD 1
<!-- Begin Cookie Consent -->
<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.blogsavar.net/","theme":"light-top"};
</script><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
<!-- End Cookie Consent -->
KOD 2
<html>
<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://oguzturk.net"
}
})});
</script>
</head>
</body>
</html>
Gadget Yoluyla Ekleme
Blogger’a giriş yaptıktan sonra yerleşime tıklıyoruz daha sonra. Gadget Ekle > HTML / JavaScript yolunu takip ederek açılan kod penceresine kodumuzu kopyalayıp tamam diyoruz.Tema Düzenle ile Ekleme
Blogger HTML Kod Penceresi YoluylaBlogger ana menüsünde, sol tarafta yer alan sekmeden ” Temaya ” giriş yapıyoruz. Tema düzenlemeye giriş yaptıktan sonra CTRL+F yardımıyla aşağıdaki kodu bulun.
<div class='post-footer'>
Temanızda bu koddan birden fazla yer alabilir. Böyle bir durumda ise ikinci veya üçüncü koddan sonra işleminizi yapın. Yukarıdaki kodu, bu kodun bitiminden sonra ekleyin. Sıkıntı çıkması halinde temanızın sonunda yer alan </body> kodunu bulun. Yukarıda verdiğimiz Cookie kodunu </body> kodundan önce ekleyin.
Leave a Comment