Mrb arkadaşlar, malum web sitesi reklam gelirleri elde edenler için reklam engelleyiciler can sıkıcı düzeye gelmiş vaziyette. Tabi bu durumun en büyük katkısını yine sitesini reklamdan ibaret yapanlar sebep oldu. Web sitemizi reklam engelleyiciler ile gezenler için çözüm aradığımda, reklam engelleyici eklentilerine göre js dosyaları veya scriptler gerekebiliyor. Bende tek tek onları kurmak için uğraşmaktansa, reklam boyutuna göre siteye girenleri analiz ederek uyarı çıkaran aşağıdaki gibi bir şey yaptım:
1. Reklamları bir reklam classı içerisinde tutarak h
eight değerini alabilelim.
Örnek:
<div class="reklam"> REKLAM KODLARINIZ </div>
2. Bu reklam classının height değerini 0 ile kıyaslayarak; reklamın çıkıp çıkmamasına göre uyarıyı yazdıralım. Javascript kodunda uyarının 2 saniye sonra çıkmasını sağlamamın nedeni bazı reklamların geç yüklenmesi. Kişiler reklam engelleyici kullanmasa bile, reklamın geç açılmasından dolayı karşısına uyarı çıkabilirdi.
Alıntı
<script>setTimeout(() => {if(document.querySelector('.reklam').offsetHeight<1){document.getElementById('rekuyar').style.display="block";} else {document.getElementById('rekuyar').style.display="none";}}, 2000);</script>
3. Uyarı kod bloğunu.. İsteğinize göre düzenleyin:
Alıntı
<div id="rekuyar"><b>LÜTFEN REKLAM ENGELLEYiCiNiZi KAPATIN VEYA xxx Sitesini BEYAZ LiSTEYE ALIN</b><span>Bu sitenin tek gelir kaynağı reklamlar olup, site masrafını bu sayede karşılamaktadır. XXX sitesi reklamlar sayesinde var ama reklam engelleyiciler nedeniyle belkide YARIN olmayacak 😭</span></div>
4.Uyarı kod bloğu cssi:
Alıntı
div#rekuyar {position: fixed; display: none; bottom: 0; text-align: center; left: 10%; right: 10%; border: 2px solid #f00; background: #fff7f7; border-radius: 10px; padding: 8px 3px 0px; } div#rekuyarspan {display:block; padding:11px 3px 3px;}