Sitenize Çerez Uyarısı Ekleme

Mehmet Kaplan 29 Ağustos 2018 7:07 PM
CrytoTap Browser

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/

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 ?

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.

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.