Google Adsense üzerinden BETA olarak başlatılan program ile birlikte artık sitelerinize duyarlı/esnek/responsive reklam birimi oluşturabiliyorsunuz. Bu da cep telefonu, tablet ve masaüstü kullanıcıları için ayrı ayrı reklam birimleri derdinden kurtarıyor sizi. Ben deneme için anasayfamdaki reklamı bu şekilde düzenledim.
Bakalım bu sistem bir fark yaratacak mı :D Google tarafından asenkron (eşzamansız) bir kod ve stil tanımı veriliyor bu kod ile. @media etiketlerini kulanan bir yapısı var.
Örnek Reklam Birimi Kodu;
<style>
.esnek-reklam { width: 320px; height: 50px; }
@media(min-width: 500px) { .esnek-reklam { width: 468px; height: 60px; } }
@media(min-width: 800px) { .esnek-reklam { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- esnek_reklam -->
<ins class="adsbygoogle esnek-reklam"
style="display:inline-block"
data-ad-client="SİZİN ADESNSE İDNİZ"
data-ad-slot="SİZİN ADSENSE SLOTUNUZ"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> Adsense Panelinden Reklamlarım sekmesinden bu alana ulaşabilirsiniz. Esnek reklam birimleri ile ilgili ekstra bilgiye de aşağıdaki linkten ulaşabilirsiniz.
Selametle