Esenlikler herkese, internette çok çok aradığım ve sadece yabancı kaynaklarda bulabildiğim bir kodu sizinle paylaşmak istiyorum. Bu kodu sitenize eklediğinizde Adblock kullanıcılarını bir uyarı karşılayacak ancak kullanıcıların sitedeki faaliyetlerini engellemeyecek! Başlayalım.. Bu arada moderatörlere sesleniyorum, bu kod tam olarak hangi konuda paylaşılır bilediğim için buraya ekledim, kusuruma bakmayın..

Şimdi, öncelikle sitenizin bir yedeğini alın. Ne olur, ne olmaz.

1- Aşağıdaki kodu, sitenizin CSS dosyalarınızın içine ekleyin:
#banner-12345 {
display: none;
margin-bottom: 30px;
padding: 20px 10px;
border-radius: 5px;
background: #D30000;
color: #fff;
text-align: center;
font-weight: bold;
}
2- Aşağıdaki kodu, uyarının sitenizde nerede görünmesini isterseniz oraya ekleyin.


Daha teknik detaylara geldik..

3- Şimdi bir adet "ads.js" dosyası oluşturmamız gerek. Oluşturduğumuz dosyanın içeriği aşağıdaki kod olacak. Daha sonra bunu FTP yolu ile sitenize atın. Eğer Blogger kullanıyorsanız Google Firebase yoluyla bunu yapabilirsiniz (ben öyle yapıyorum)

Dosyanın içeriğindeki js kodu:
var e = document.createElement('div');
e.id = 'test-block';
e.style.display = 'none';
document.body.appendChild(e);

4- Şimdi bu dosyayı kodunun üstüne aşağıdaki gibi ekleyeceğiz.
<script></script>

5- Ve sona geldik.. Aşağıdaki kodu da kodunun üstüne ekliyoruz:
<script>
if ( !document.getElementById('test-block') ) {
document.getElementById('banner-12345').style.display='block';
}
</script>
Ve bitti!
Sitenizi Adblocklu ve Adblocksuz bir şekilde kontrol ederek kodu test edebilirsiniz. Eğer bir sorun olursa başlığa mutlaka yazın. Benden bu kadar, kolay gelsin herkese :)

Kaynak: https://mycyberuniverse.com/detect-ad-blocker-show-message.html
Düzenleme: Eğer Google Firebase'ye nasıl dosya yükleneceğini bilmiyorsanız aşağıdaki yazıyı okuyabilirsiniz:
https://www.bloggerspice.com/2017/05/firebase-CSS-script-and-JavaScript.html