Mobil cihazların kullanımının artmasıyla birlikte blog temalarımızı
da mobil cihazlar için uyumlu hale getirmeye çalıştık.
Çünkü masaüstü
bilgisayarda gayet şık duran blog temamızın tablet ve mobil cihazlarda
da aynı şekilde uyumlu olması okunabilirlilik açısından
önemli.
Resimlerin otomatik boyutlandırılmaması, yazının ekrana
oturmaması gibi sebepler blogunuzun şık görünmesini
engelleyecektir.
Bunun önüne geçmek için daha önce yazılarımda
bahsettiğim gibi responsive temaları deneyebilirsiniz.
Peki ya adsense reklamlarınız ne olacak?Örneğin anasayfanızda 728 * 90 reklam birimi
mobil cihazınızın ekranına sığmayacak ve taşacak.
Bırakın tıklanmayı
sırf boyutları yüzünden temanızı da kötü gösterecektir.
Çözüm elbette responsive (duyarlı) adsense reklamı oluşturmak…
Responsive Reklam Birimi Ne Demek ?
Yukarıda
aslında kısaca bahsettim ama biraz daha detaylandırırsak:
Responsive
reklam birimi belirli bir ölçüsü olmayan reklam birimidir.
Yani blogunuz
hangi tip cihazda görüntüleniyorsa o an reklamınızda o alana uygun bir
ölçü alacak demektir.
Örneğin normal bir bilgisayar ekranında 728 * 90
banner reklamı şablonunuz için ideal boyutsa tablet için alan
daralacağından bu reklam alanına adsense 468 * 60 banner ideal
olacaktır.
Responsive Adsense Reklam Birimi Nasıl Oluşturulur
Bu
reklam birimini oluşturmak gayet basit.
Normal reklam alanı oluşturmak
için hangi adımları izliyorsanız aynı adımları bu reklam birimi için de
izleyeceksiniz.
Sadece yapmanız gereken reklam birimi seçerken esnek
(responsive) seçmek.
Gerekli kanal, reklam tipi gibi ayarlamaları yaptıktan sonra kodları alarak temanızda ilgili yerlere ekleyebilirsiniz.
Bu reklam birimi için şablonunuzun responsive tasarıma sahip olması gerekiyor…
Responsive Reklam Biriminde İleri Düzey Ayarlar
Eğer
kodu al butonuna bastıktan sonra gelişmiş modunu seçerseniz bu kısımda
da bir takım değişiklikler yapabileceğiniz ekranı göreceksiniz.
Şöyleki
örneğin yazı sonuna reklam eklediniz ve bu reklam birimini de esnek
reklam birimi olarak ayarladınız.Fakat ilgili çözünürlülükteki
ekranlarda sizin belirlediğiniz reklam biriminin çıkmasını
istiyorsunuz.
Örneğin tablet ekranında 468 * 60 reklam birimi
görüntüleneceği gibi 300 * 250 kare reklam alanıda görüntülenebilir.
Siz
bu seçim hakkını adsense e tanımayıp kendiniz belirlemek istiyorsanız
ufak değişiklikler yapabilirsiniz.
Aşağıdaki kodlara bakın. Gelişmiş modu seçtiğinizde ilaveten style etiketi içerisinde bazı CSS kodları göreceksiniz:
<style>
.deneme { width: 320px; height: 50px; }
@media(min-width: 500px) { .deneme { width: 468px; height: 60px; } }
@media(min-width: 800px) { .deneme { width: 728px; height: 90px; } }
</style>
Gördğünüz gibi @media
kodu ile başlayan kısımda eğer minumum genişlik 500px ise 468 * 60
reklam birimi görüntülenecek.
Benzer şekilde genişlik minumum 800px ise
728 * 90 reklam birimi görüntülenecek.
Siz bunu mantık kuralları çerçevesinde değiştirebilirsiniz ya da eklemeler yapabilirsiniz.
Sürekli
responsive tasarımdan bahsederken aynı zamanda bu tasarımla birlikte
reklam gelirimizi de maksimum oranda tutmak için gerekli olan responsive adsense reklam birimi
oluşturma konulu yazımı sizlerle paylaşmak istedim.
Şunu söyleyebilirim
ki mobil cihazlardan da hatrı sayılır bir ziyaretçi alıyorum ve bu
yüzden onların adsense reklamını görmesini engelleyecek her türlü
negatif gelişmeden de temamı uzak tutmak zorundayım.
Bu yüzden kendi
temamda da bu tip esnek reklam birimini kullanıyorum. Ya siz ?
