Sitenize Çerez Uyarısı Ekleme

Html mehmetkpln18 29 Ağustos 2018

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/

Yorumlar

Ahmet Bilgin

25 Şubat 2020

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 ?

mehmetkpln18

29 Şubat 2020

Kullandığınız sistem nedir ?

Sezer

15 Aralık 2020

Merhaba, bu kodu hangi dosya içinde gireceğiz?

mehmetkpln18

26 Aralık 2020

Script tagları içindeki kodları sitenizde head tagları arasına eklemeniz gerekmekte

abolo

25 Aralık 2020

çok teşekkür ederim çok yardımcı oldunuz.

epoksi zemin kaplama

14 Ocak 2021

Paylaşım için teşekkürler

kaan g.

16 Ocak 2021

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

16 Ocak 2021

<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.