WordPress’te adsense reklamı yalnızca mobil cihazlarda görünsün

0
10

WordPress responsive adsense reklamı ürettiğinizde reklamınız hem mobil hem de desktop sürümünde görünür. Css kullanmadan reklamları mobil cihazlara ve çözünürlüğe göre düzenlemek için haberimizdeki bilgilerden faydalanabilirsiniz.


Görünüme göre farklı reklam boyutları ile çalışmak istiyor olabilirsiniz. Örneğin 500 pixel altında 320×100, 500 pixel’den büyük olursa 728×90, 800 pixel büyüklükten sonrasında 970×90 adsense reklamı göstermek istiyorsanız işlerin karıştığını farkedeceksiniz.

Şayet bu sorunla karşılaştıysanız basit bir çözümümüz var.

1- Önce google adsense hesabınıza girin

2- Yeni reklam birimi oluşturma butonuna tıklayın

3- Yeni reklamınızı dilerseniz responsive, dilerseniz 320×100 ya da 320×50 reklam boyutlarından birini seçerek oluşturun

4-  Reklam birimi kodunu bir yere alın ve yayıncı kodunuzu, ad-slot yani reklam alanı kodunuzla aşağıdaki örnek reklam kodu ile değiştirin.

5- Adsense reklamını yayınlayacağınız alana ekleyin.

İşte bu kadar…

ÖRNEK KOD:

<style>
.boylesiyok_mobil_ust_320x100 { width: 320px; height: 100px; }
@media(min-width: 500px) { .boylesiyok_mobil_ust_320x100 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .boylesiyok_mobil_ust_320x100 { width: 728px; height: 90px; } }
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– example_responsive_1 –>
<ins class=”adsbygoogle boylesiyok_mobil_ust_320x100″
style=”display:inline-block”
data-ad-client=”ca-pub-9968840940728441″
data-ad-slot=”1749284198″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

Duyarlı reklamlarda;

  • 500 piksel boyuta kadar ekran genişlikleri için: 320×100 reklam birimi.
  • 500 piksel ile 799 piksel arası ekran genişlikleri için: 468×60 reklam birimi.
  • 800 piksel ve daha büyük ekran genişlikleri için: 728×90 reklam birimi.

bu şekilde bir düzenleme yapabilirsiniz. Ya da adsense tarafından geçerli reklam boyutlarından birini tercih edebilirsiniz.

Şayet reklamları mobilde ya da masaüstünde gizlemek isterseniz display: none; kodunu ilgili satıra ekleyin.

hiding-ad-units-mobile

Daha fazla bilgi için Google’ın adsense yardım sayfalarındaki aşağıdaki makaleleri okuyabilirsiniz.

https://support.google.com/adsense/answer/6307124?hl=tr

https://support.google.com/adsense/answer/3543893#hide

Daha detaylı bir anlatım gerekirse bu siteye de bakabilirsiniz.

exisweb.net/using-google-adsense-async-tags-for-responsive-design

HENÜZ YORUM YOK

NE DÜŞÜNÜYORSUN?