Sitenize Çerez Uyarısı Ekleme

Sitenize “Sitemizden en iyi şekilde faydalanabilmeniz için çerezler kullanılmaktadır. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz.” gibi çerez uyarı eklemek için aşağıdaki kodları kullanabilirsiniz.

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

<html>

<body>

<head>

<title>Çerez Örnek</title>

Çerez Örnek

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": "https://oguzturk.net"

}

})});

</script>

</head>

</body>

</html>

AdBlock veya WindScribe tarzı bir reklam engelleyici kullandığınız için kodları göremiyorsunuz, https://oguzturk.net için reklam engelleyicileri kapatarak veya izin vererek kodları görüntüleyebilirsiniz.

Yukarıdaki kod ile sitenize çerez uyarısı ekleyebilirsiniz. Kodlar aşağıdaki özellikleri destekler.

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.

Kodlarda sorun yaşarsanız demodaki kaynak kodunu kullanabilirsiniz.

Kaynak : https://cookieconsent.insites.com/

Demo: https://oguzturk.net/lab/demo/cerez/cerez.html

Bu yazıyı değerlendirin.

3 4.3/5

Yorumlar ( 32 )

Yorum Ekle

Gurbet 5 yıl

joomla siteme nasıl entegre edebilirim ?
- Oğuz 5 yıl
  
  Kodlar HTML olarak paylaşılmıştır, Joomla dahil PHP sitemler için kendiniz düzenleme yaparak ekleyebilirsiniz.
  - Gurbet 5 yıl
    
    Teşekkürler
Alper 4 yıl

Oğuzhan bey sitemizde kullandık, bu yararlı paylaşımınız için teşekkürler.
Acar 4 yıl

Oğuz hocam ellerine sağlık.. sitemizde verdiğin kodları başarı ile kullandık.. çok teşekkür ederiz
Osman Kuştepe 4 yıl

Çerez uyarısını yapmak mecburi midir?
Gizlilik Politikasını hazırladım. Buna rağmen gerekli midir?
Faydalı olur mu?
- Oğuz 4 yıl
  
  Avrupa birliği ülkeleri için gereklidir, tr siteler için bir zorunluluk yok.
serhat sine 4 yıl

cookie nin geçerlilik süresi nereden ayarlanıyor. yada sabit ise bu süre nedir
- Oğuz 4 yıl
  
  cerez.js içerisinde 365 gün olarak ayarlanmış, o kısımdan düzenleyebilirsiniz.
ali 4 yıl

hocam teşekkür ederiz. hem şık hem pratik oldu
- Oğuz 4 yıl
  
  Rica ederim.
Rerar 4 yıl

Oğuz bey merhaba, javascript ve css dosyasını da paylaşsanız daha iyi olmazmı ? kodlar sizin sitenize link veriyor, aslında sıkıntı değil ama ufak bir değişiklik yaptığınızda bi script doğru çalışmayabilir.
- Oğuz 4 yıl
  
  İlgili dosyaları kendi sitenizi yükleyip, kodlardan yolunu değiştirerek kullanabilirsiniz.
  - Oguzhan 4 yıl
    
    merhaba bu konu hakkında çok acil yardıma ihtiyacım var.
Ahmet Saygın 4 yıl

Merhaba, Anasayfa’ya başarılı bir şekilde ekledim. Ancak alt sayfalara eklemek için tek tek hepsine aynı script’i koymak yerine daha kolay bir yolu var mıdır ?
- Oğuz 4 yıl
  
  Kullandığınız sistem nedir Ahmet bey ona göre bilgi verebilrim.
  Html bir siteniz varsa tüm sayfalara tek tek eklemeniz gerekir.
  Php hazır bir sistem kullanıyorsanız footer bölümüne eklerseniz tüm sayfalarda görünür.
Halil İbrahim Atıcı 4 yıl

Oğuz bey ben istiyorum ki tamam butonu kalksın ve o uyarı hep orda dursun bunu nasıl gerçekleştirebilirim ?
- Halil İbrahim Atıcı 4 yıl
  
  Ya da tamam butonu kalsın her sayfa yenilemesinde o yazı geri gelsin istiyorum
Oğuhan 4 yıl

adaş teşekkürler eline sağlık çok faydalı oldu
- Oğuz 4 yıl
  
  Rica ederim.
Cihan 4 yıl

sitenin hangi bölümüne eklenir
- Oğuz 4 yıl
  
  Footer bölümüne ekleyebilirsiniz.
Ali 4 yıl

Merhabalar, butonu şerit üzerinde sola kaydırmak istiyorum. Nasıl yapabilirim?
hasan 4 yıl

Kabul ediyorum, Sayfayı F5 yaptığımda tekrar geliyor. Sayfam HTML bir sayfa.
TeknoYouth 3 yıl

Sitemde kullandım Teşekkür ederim.
Ziya 3 yıl

Merhaba Oğuz Bey, kodları opencart giriş sayfasına nasıl ekleyebilirim? İlgi ve desteğiniz için şimdiden teşekkürler.
- Oğuz 3 yıl
  
  catalog/view/theme/temadı/common/footer.tpl veya footer.twig dosyasına ekleyebilirsiniz.
Ziya 3 yıl

Opencart için kodların hangi dosyaya eklenmesi gerekiyor? Teşekkürler.
- Oğuz 3 yıl
  
  catalog/view/theme/temadı/common/footer.tpl veya footer.twig dosyasına ekleyebilirsiniz.
emre 3 yıl

// “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
NASIL AKTİFLEŞTİRİYORUZ NEREYE YAZIYOZ ??
- Oğuz 2 yıl
  
  Baştaki // işareti kaldırırsanız aktif olacaktır.
Ulas 2 yıl

Merhaba ,
Ben OpenCart Yüklü Sitemde bu scripti çalıştıradım.
Acaba yardım edebilir misiniz?