Yazıya 18+ Yaş Giriş Kontrolü

Merhaba,

Sitenin girişine 18+ yaş giriş kontrol kodu ekleyerek siteye veya yazıya girmeden onay butonuna basıp öyle girebiliriz.

Özellikle wordpresste istediğiniz yazılarda kullanabilirsiniz. Kendim de wordpress sitelerimde kullanmaktayım.

Bazı yazılarımızda gördüm ki 18 yaşın altındaki kullanıcılar için müstehçen veya zararlı sayılabilecek içerikler mevcut.

Bu durumda elimden geldiğince önlem almak isterim.

Aşağıda vereceğim kod html dilinde basit bir şekilde çalışmaktadır.

İçinde basit javascript css kodlamaları ile kullanıcıyı 18 yaşından küçük ise soru sorarak ana sayfaya yönlendirir.

Kodumuz telefonda ve tüm çözünürlüklerde düzgün çalışması için uyarlanmıştır. Responsive özelliği mevcuttur.

Kodumuz budur:

<div id="goster">
Buraya girdiğiniz yazı vs ne varsa gözükecek.
</div>

<div id="button">
<button style="height: 200px;width:100%;background: red;color: white;font-size: xx-large;cursor: pointer;" onclick="goster();">Bu konu 18+ içeriklidir! Yaşınız büyükse tıklayınız.</button>
<button style="height: 200px;width:100%;background: green;color: white;font-size: xx-large;cursor: pointer;" onclick="location.href = 'index.php';"">18 yaşından küçükseniz buraya tıklayınız.</button>
</div>

<style>#goster {display:none;}</style>

<script>
function goster() {
  var x = document.getElementById("goster");
  if (x.style.display === "none") {
    x.style.display = "block";

  } else {
    x.style.display = "block";
  }
}

var x = document.getElementById('button');
x.onclick = function () {
    document.getElementById('button').remove();
    this.remove();
};
</script>

Tembel arkadaşlar için kodu html ye dönüştürmeye uğraştırmayacağım buradan indiriniz: KOD

Kodumuz her sistemde her web sitesinde çalışır.

Özellikle wordpress kullanan arkadaşlar kodu çalıştırmak için yazının başını sonunu div içine almanız lazım.

<div id=”goster”> Buraya girdiğiniz yazı vs ne varsa gözükecek. </div>

Ola ki wordpress de kod çalışmaz ise bir eklenti önereyim.
Eklentimiz html kodları sayfada çalıştırmak için biçilmiş kaptan.
Eklentinin adı da XYZ HTML bunu lazım olursa şayet eklentilerden arar bulursunuz.


Örnek Kod çalışması: https://whatsappturk.com/18-terbiyesiz-whatsapp-atraksiyonlari/

Sorularınız olursa yorum kısmına yazınız.

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

css.php