Adsense Responsive (Esnek) Reklamları Özelleştirme

Adsense de Responsive yani Esnek bağlantı birimini kullandığımızda alana göre kendisi reklam boyutu oluşturuyor. Biz ufak bir ayar ile Esnek bağlantıda istediğimiz reklam boyutlarının çıkmasını sağlayacağız.

Yani Esnek birim kodu aldığımızda masaüstü cihazlar için 728*90 reklam boyutu, mobil için 320*100 boyutu gibi iki farklı boyutta reklam çıkmasını istiyoruz. Yani cihaz eğer ekranı büyük ise 728*90 boyutunda reklam gösterilecek. Mobil yani küçük ise 320*100 boyutunda reklam gösterilecek.

Şimdi Adsense kodumuzda ufak bir kaç ekleme ile bu işlemi halletmeye çalışacağız.  Aşağıdaki belirttiğim kodu reklamı eklemek istediğiniz yere kopyala yapıştır yapıp reklam kodunuzu içine yerleştirin.

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

Yukarıdaki kodda değişiklik yapmanız gerekiyor kodu kendi adsense kodunuza ve istediğiniz boyutları eklemeniz gerekiyor.

ASD yazan yerlere Adsense de reklam birimi oluşturduğunuzda verdiğiniz isim ile değiştirin.

data-ad-client="ca-pub-XXX"

”XXX” yazan yeri silip adsense kodunuzda ki numarayı yazın. Sadece 3 tane XXX ile numarayı değiştirin.

data-ad-slot="XXX"></ins>

Aynı işlemi burada da yapıyorsunuz. Burdaki 3 tane ”XXX” yerine adsense kodunuzdaki numara ile değiştirin.

Yukarıda verdiğim kodda iki farklı kod var gördüğünüz gibi biri 728*90 boyutu diğeri ise 320*100 boyutu sizin istediğiniz farklı boyutlar var ise ordaki rakamları değiştirerek adsenseye uygun reklam boyutlarını yazabilirsiniz.