Google ile Esnek Reklam Birimi Oluşturun... • WPAdamı

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ı 😀 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; }
@<a href="https://wpadami.com/etiket/media" title="media yazılarını gör">media</a>(min-width: <a href="https://wpadami.com/etiket/500px" title="500px yazılarını gör">500px</a>) { .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 <a href="https://wpadami.com/etiket/class" title="class yazılarını gör">class</a>="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>

<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>

<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>

(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.

Duyarlı reklam birimleri hakkında - AdSense Yardım

Selametle

Etiketler

Örnek Reklam Birimi Kodu;

Benzer Yazılar:

Etiketler