Emre Yüz


Javascript ile Google Adsense Reklam Engelleyici Dedektörü

İnternette yayınlanan herhangi bir içerik için reklam çok önemlidir. Kişinin gelirini belirleyen şey budur. Ancak, son zamanlarda adblocker sistemi yayıncının gelirini kesiyor aslında bu kişinin yaratıcılığını da etkiliyor.

Javascript ile Google Adsense Reklam Engelleyici Dedektörü

By Emre YÜZ
08.02.2017 21.19



google adsense adblocker engelleme

Şimdi web sitenizin içeriğini gizlemek ya da görüntüleyenlerin adblock eklentisini kaldırmak için bir pop-up veya uyarı mesajı göstermek için basit bir javascript kodu yazacağız.

1. Adım

İlk adımda onerror event etiketini Google Adsense kodumuza ekliyoruz böylece adBlockFunction() fonksiyonunu devreye sokabileceğiz.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adBlockFunction();"></script>
<ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-xxxxxxx" data-ad-slot="xxxxxxx"></ins>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. Adım

Bu adım basit bir javascript kodunu içeriyor. Bu kod, içerik bölümünü reklam engelleyici mesajı ile değiştirecektir. Eğer blogger kullanıcısısaysanız post-body-n classını değiştirmeyin. Bu fonksiyon adblocker kullanıcılarını Google Analytics üzerinde görmenizi sağlayacak.

<script>
function adBlockFunction()
{
    setTimeout(function() { ga('send', 'event', 'Blocker', 'click','Blocker'); },2000);
    document.getElementById('icerik_alani').innerHTML = 'Lütfen Ad Block eklentisini web sitemiz için devre dışı bırakın!';
    document.getElementsByClassName('post-body-n')[0].innerHTML = 'Lütfen Ad Block eklentisini web sitemiz için devre dışı bırakın!';
}
</script>

3. Adım

Yukarıdaki adımları yapdıktan sonra içeriğinizi aşağıdaki id="icerik_alani" divinin içerisinde bulundurmalısınız böylece adblocker aktifken içeriğiniz görüntülenemeyecek.

<div id="container">
    <div id="icerik_alani">
        Bu alan adblock mesajı ile değiştirilecek.
    </div>
    <div id="sidebar">
        Google Adsense Code
    </div>
</div>



Emre Yüz
Emre YÜZ
Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri
Mimarı ve Analist.

Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri Mimarı ve Analist.



HAKKIMDA

Emre YÜZ

Multidisipliner Full-Stack Web Geliştirici/Tasarımcı, Veri Mimarı ve Analist.

Son Yazılar

insta ❤️ feed

  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre
  • @yuzemre

Reklam