Merhabalar,
Cookie yani Çerezler için siteme klasik bir uyarı eklemek niyetindeyim. html, css bilgim olduğu için istedim görünümde düzenleyip kullanacağım ancak temiz bir javascript kodu bulamadım. Aradığım özellikler sitenin sol alt köşesinde açılması ve kapat butonunun olması.
HTML CSS kodladığım hali: https://www.muratdinc.com/test/cookie.html
Çerez uyarısı için sadece bir kod arıyorum |
17 Mesajlar | 7.921 Okunma | ||
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 23.03.2018
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad M** A**
- Mesajlar 1358
- Beğeniler 482 / 344
- Ticaret 3, (%100)
Set time out ile belirli süre sonra display özelliği boş bırakılır (Aktif)
Çarpıya tıkladıktan sonra javascript ile çerezlere kaydedilir.
Çarpıya tıkladıktan sonra javascript ile çerezlere kaydedilir.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
Set time out ile belirli süre sonra display özelliği boş bırakılır (Aktif)
Çarpıya tıkladıktan sonra javascript ile çerezlere kaydedilir.
Çarpıya tıkladıktan sonra javascript ile çerezlere kaydedilir.
Set time out özelliğini her ziyaretçi de bağımsız olarak mı çalışıyor?
Çarpı ile çerezlere kaydedilmesini nasıl sağlayabilirim? En mantıklı çözüm sanırım çerezlere kaydedilmesi. Anlatabilirseniz yada bir kaynak verebilirseniz konuyu araştırıp öğrenmeye çalışırım.
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 06.07.2017
- Yaş/Cinsiyet 27 / E
- Meslek Blogger
- Konum İstanbul Anadolu
- Ad Soyad K** Ö**
- Mesajlar 861
- Beğeniler 167 / 264
- Ticaret 1, (%100)
https://cookieconsent.insites.com/download/
Bu siteyi kullanarak istediğiniz gibi bir çerez bildirimi oluşturabilirsiniz.
Özellikleri seçtikten sonra kod aşağıda çıkacaktır.
Bu siteyi kullanarak istediğiniz gibi bir çerez bildirimi oluşturabilirsiniz.
Özellikleri seçtikten sonra kod aşağıda çıkacaktır.
Little things affect little minds.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
https://cookieconsent.insites.com/download/
Bu siteyi kullanarak istediğiniz gibi bir çerez bildirimi oluşturabilirsiniz.
Özellikleri seçtikten sonra kod aşağıda çıkacaktır.
Bu siteyi kullanarak istediğiniz gibi bir çerez bildirimi oluşturabilirsiniz.
Özellikleri seçtikten sonra kod aşağıda çıkacaktır.
Araç güzel ancak ben kullanmadığım özelliğin kodlarını da siteme eklemek istemiyorum. Bahsettiğiniz araçta tüm görünümlerin CSS kodları dışarıdan çekiliyor ve aynı şekilde baya uzun bir Javascript dosyası mevcut. Bu nedenle kendim kodladığım html ve css'in üzerine javascript giydirmeye çalışıyorum.
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 06.07.2017
- Yaş/Cinsiyet 27 / E
- Meslek Blogger
- Konum İstanbul Anadolu
- Ad Soyad K** Ö**
- Mesajlar 861
- Beğeniler 167 / 264
- Ticaret 1, (%100)
<script></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#343c66",
"text": "#cfcfe8"
},
"button": {
"background": "#f71559"
}
},
"theme": "classic",
"position": "bottom-left",
"type": "opt-out",
"content": {
"message": "Bu web sitesi sağlanan hizmetlerin iyileştirilmesi ve web sitemizde en iyi deneyimi yaşamanızı sağlamak için çerezleri kullanır.",
"dismiss": "Kabul Et!",
"deny": "Reddet",
"link": "Gizlilik Politikası",
"href": "sitelinkinkinigirin.com"
}
})});
</script>
Little things affect little minds.
- Üyelik 02.01.2016
- Yaş/Cinsiyet 36 / E
- Meslek tasarımcı
- Konum Diğer
- Ad Soyad M** Y**
- Mesajlar 2408
- Beğeniler 815 / 525
- Ticaret 105, (%100)
hocam bu çerez uyarısı eklemek zorunlu mu oldu ya acaba. Her sitede bı altta çıkıyor cerez uyarısı.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
<script></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#343c66",
"text": "#cfcfe8"
},
"button": {
"background": "#f71559"
}
},
"theme": "classic",
"position": "bottom-left",
"type": "opt-out",
"content": {
"message": "Bu web sitesi sağlanan hizmetlerin iyileştirilmesi ve web sitemizde en iyi deneyimi yaşamanızı sağlamak için çerezleri kullanır.",
"dismiss": "Kabul Et!",
"deny": "Reddet",
"link": "Gizlilik Politikası",
"href": "sitelinkinkinigirin.com"
}
})});
</script>
Hocam ben zaten şu an html css kodlamasını yaptım, buna javascript giydirmeye çalışıyorum.
Test sayfası oluşturdum: https://www.muratdinc.com/test/cookie.html
hocam bu çerez uyarısı eklemek zorunlu mu oldu ya acaba. Her sitede bı altta çıkıyor cerez uyarısı.
Özellikle yurt dışı trafik alıyorsanız gerekli, TR üzerine bir siteniz var ise size kalmış bir durum.
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 23.03.2018
- Yaş/Cinsiyet 29 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad M** A**
- Mesajlar 1358
- Beğeniler 482 / 344
- Ticaret 3, (%100)
SkyGhostAir adlı üyeden alıntı
Set time out özelliğini her ziyaretçi de bağımsız olarak mı çalışıyor?Çarpı ile çerezlere kaydedilmesini nasıl sağlayabilirim? En mantıklı çözüm sanırım çerezlere kaydedilmesi. Anlatabilirseniz yada bir kaynak verebilirseniz konuyu araştırıp öğrenmeye çalışırım.
Evet her ziyaretçi için geçerli.
- Üyelik 27.11.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Bursa
- Ad Soyad G** B**
- Mesajlar 46
- Beğeniler 34 / 21
- Ticaret 0, (%0)
let ck = document.querySelector('.cookie-bar-info-confirm');
let ck2 = document.querySelector('.cookie-bar_btn');
let arr = new Array(ck,ck2);
let main = document.getElementById('cookie_bar_main_display');
if(localStorage.getItem('confirmCookie')){
main.style.display = "none";
}else{
const cf = () => {
localStorage.setItem('confirmCookie',1);
}
arr.map((item) => {
item.addEventListener('click',function(){
main.style.display = "none";
cf();
});
});
let time = (25) * 1000; // (?value) saniye sonra onaylamadan kapat
setTimeout(function(){
main.style.display = "none";
},time);
}
let ck2 = document.querySelector('.cookie-bar_btn');
let arr = new Array(ck,ck2);
let main = document.getElementById('cookie_bar_main_display');
if(localStorage.getItem('confirmCookie')){
main.style.display = "none";
}else{
const cf = () => {
localStorage.setItem('confirmCookie',1);
}
arr.map((item) => {
item.addEventListener('click',function(){
main.style.display = "none";
cf();
});
});
let time = (25) * 1000; // (?value) saniye sonra onaylamadan kapat
setTimeout(function(){
main.style.display = "none";
},time);
}
abakus.herokuapp.com | dört işlem
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)