Javascript ve PHP ile Çerezler için Rıza Bildirimi (GDRP) Hazırlayalım

Javascript ve PHP ile Çerezler için Rıza Bildirimi (GDRP) Hazırlayalım

Javascript 17 Şubat 2022 - 14:41:37 248 Gösterim 0 Yorum

Dün Google Adsense üzerinden aldığım bir bildirim neticesinde 49 gün içerisinde kullanıcıların rızalarını almak için bir bildirim hazırlamam gerektiğini öğrendim. Wordpress sitelerinde bunu eklentiler ile gerçekleştirebiliyorum ama kendi kodladığım projelerimde yine kendim hazırlamam gerekiyor. Şimdi blogumda da kullanmaya başladım hemen nasıl yaptığımıza bakalım.

İlk olarak Bootstrap 5 kullanıyorum ben o nedenle Modal kısmını es geçeceğim fakat siz projenizde Bootstrap kullanmıyorsanız Modal diyalog kısmını internetten araştırabilirsiniz. Footer alanıma modalı ekliyorum.

<div class="modal hide" tabindex="-1" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="d-flex justify-content-center mt-5 h-100">
    <div class="d-flex align-items-center align-self-center card p-3 text-center cookies"><img src="https://kazimuslu.com.tr/public/img/cerez.png" width="50"><span class="mt-2">İçeriği, reklamları kişiselleştirmek ve site trafiğini analiz etmek için üçüncü taraf çerezleri kullanıyoruz.</span><a class="d-flex align-items-center" href="https://www.kazimuslu.com.tr/gizlilik-ve-cerez-politikasi/">Daha Fazla Bilgi<i class="fa fa-angle-right ml-2"></i></a> <button class="btn btn-dark mt-3 px-4" type="button" data-bs-dismiss="modal" onclick="setCookie('Çerezler', 'kabul', 30)">Kabul Ediyorum</button> </div>
</div> 
    </div>
  </div>
</div>

Burada dikkat çekeceğim kısım modalın ilk classını eklerken "hide" kullanarak modalı açılamaz kıldım. Yani açılmasını ben istediğimde gerçekleştirecek. İkinci dikkatinizi çekeceğim kısım Kabul ediyorum butonuna modalın kapatma özelliğini ekmemem.

data-bs-dismiss="modal"

Bu kod parçacığı ile butona basıldığında modal kapanacak. Şimdi ise sürekli açılmaması için çerez kullanacağız. Bunu da yine kabul ediyorum butonuna onclick methodu ile ekleyeceğiz.

onclick="setCookie('Çerezler', 'kabul', 30)"

Butona basıldığında Çerezler isminde ve içerisinde kabul değeri bulunan 30 gün boyunca tarayıcıda saklanacak bir veri eklemiş oluyoruz. İlk olarak Javascript ile Çerez oluşturmak için kodumuzu ekleyelim.

<script type="text/javascript">
	function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }
</script>

Bu script kodu istenilen bir isimde, değerde ve sürede bir çerez oluşturur.  Örnek kullanımı:

setCookie('Çerezler', 'kabul', 30)

Şimdi ise PHP ile çerezi kontrol ettirip çerez varsa diyalogu açmayıp, çerez yoksa diyalogu göstermeyi ayarlayalım.

<?php if($_COOKIE['Çerezler'] != 'kabul'):?>
<script>
	    $(window).on('load', function() {
        $('#myModal').modal('show');
    });
</script>
	<?php endif;?>

Bu kodun çalışması için Jquery gereklidir. if ile Çerezler isminde bir çerezin içerisindeki değerin kabul olmaması durumunda diyalogu göster diyoruz. İçerisindeki değer kabul ise bu kısım çalışmamış oluyor.

Yorum Yapılmamış

Bu yazıya henüz bir yorum yapılmamış, hemen bir tane yapmak ister misin ?

Yorum Yapın