Adblock Kullanıcısını Uyarma Kodu! (İşte O Çok Aranan Kod!)

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.

Our website is made possible by displaying online advertisements to our visitors.

Please consider supporting us by disabling your ad blocker on our website.

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

azad35avsar abi istersen sitendeki kodu bununla güncelle, bu daha güzel çünkü :)

Bu kod tam olarak ne işimize yarar detaylı anlatırmısınız acaba ?

kadocix18 https://www.koddostu.com/2017/03/amp-sayfalar-icin-acilan-pencere-acilir-kutu-kodu.html
şu adrese gittiğinizde üstte "Bunları biliyor musunuz?" diye bir bölüm var ancak Adblock eklentisi kapandığında uyarı gidiyor. İşte bu kod tam olarak bu işe yarıyor, ziyaretçiyi kibarca uyarıyor. İsterseniz bağlantıya gidip deneyebilirsiniz.