Sitenize Çerez Uyarısı Ekleme

Html mehmetkpln18 29 Ağustos 2018

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/


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 ?


  1. mehmetkpln18

    29 Şubat 2020

    Kullandığınız sistem nedir ?


  2. Sezer

    15 Aralık 2020

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


  3. mehmetkpln18

    26 Aralık 2020

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


  4. abolo

    25 Aralık 2020

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


  5. epoksi zemin kaplama

    14 Ocak 2021

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


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


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


Bir yorum bırak
Mail adresiniz kimseyle paylaşılmayacaktır.

  • Kategoriler