Sitenize Çerez Uyarısı Ekleme

Mehmet Kaplan 29 Ağustos 2018 7:07 PM
CrytoTap Browser
İçerik gizle
1 Giriş
2 Kod
3 Özellikler

Giriş

Birçok internet sitesi (cookie) çerez kullanmaktadır. Bu sayede kullanıcılara daha kullanışlı bir web deneyimi amaçlanır. Kısaca özetlemek gerekirse ; Sitedeki çerezleri kabul ettirmek. Siteye yapılan üye girişlerinde, sorgularda ziyaretçilerin bilgilerini kendi bilgisayarında kayıt altında tutmanıza olanak sağlar. Bu sayede kullanıcılara daha hızlı bir web deneyimi amaçlanır.

Kod

<body>
<head>
<title>Çerez Örnek</title>
<link rel="stylesheet" type="text/css" media="all" href="http://oguzturk.net/lab/demo/cerez/cerez.css" />
<script type='text/javascript' src='http://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": "http://oguzturk.net"
  }
})});
</script>
</head>
</body>
</html>

Özellikler

  • 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
Kaynak : https://cookieconsent.insites.com/
Önceki Yazı
Logger Wordpress Magazin Personal Blogging Teması
Sonraki Yazı
Google Page Speed Puanını Arttırmanın Yolları

Diğer Yazılar

Tümü

Bir cevap yazın

Yorumlar (8)

Ahmet Bilgin Avatar

Merhaba, bu işlemi anasayfaya yaptığımda doğru şekilde ekleyebildim. Ancak sitemde yaklaşık 50 sayfa var. Bunu 50 sayfaya tek tek eklemek yerine daha kolay bir yolu var mıdır ?

Cevapla
kaan g. Avatar

merhaba, bahsettiğiniz özellikleri nasıl aktif edeceğim? “position”: “top”, “static”: true, aktif ederseniz uyarı üst kısımda sabit olarak görünür mesela bunu aktif etmek istiyorum.

Cevapla
mehmetkpln18 Avatar 
<script>
window.addEventListener("load", function(){
  window.cookieconsent.initialise({
    "palette": {
      "popup": {
        "background": "#646478",
        "text": "#ffffff"
        },
        "button": {
          "background": "#8ec760",
          "text": "#ffffff"
        }
        },
        "theme": "classic",
        "position": "top", 
        "static": true,
        "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>

Bu şekilde kullanırsanız istediğinizi elde edebilirsiniz. İyi Çalışmalar.

Cevapla