Sitenize Çerez Uyarısı Ekleme

  • Yazar Mehmet Kaplan
  • 4 sene önce
  • 3088
  • 3 Dakika
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 (12)

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 ?

SkayTek SoftWare Avatar

Ahmet Bilgin Beyefendi Yapacağınız İşlem Kod programınızı açıp ordan sayfaları ortak bir ağda birleştirmektir. En basit yol odur.

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.

zülfü Avatar

merhaba, tamam okudum onayladım butonu nasıl yapacağım. Tarayıcı çerezlerini silene kadar tekrar bu uyarı çıkmasın istiyorum..