03.2015 07.2015

Responsive AdsenseMobil cihazların gelişimi ile çok farklı ekran boyutunda ki cihazlardan Web sitelerine giriş olmaya başladı.

Web tasarımcılar da Responsive yani siteye giren cihazın ekranına göre şekillenen temalar yapmaya başladılar.

Bu gelişmelere duyarsız kalmayan Google bir yandan Web tasarımcılara mevcut sitelerini Responsive uyumlu yapmaları için uyarırken bir yandan da Adsense ye Esnek (Duyarlı) reklam boyutunu getirdi.

Fakat reklam verenlerin belirli kalıplar dışına çıkmamaları Esnek(Duyarlı) reklamların gelişimini engelledi.

Gelelim asıl meselemize. Biz Responsive temalı sitemizde siteye girilen ekran boyununa göre Google Adsense reklamlarımızı nasıl şekillendirebiliriz.

Yapmamız gereken çok basit. Googlenın da önerdiği şekilde 320*100 boyutunda bir reklam oluşturalım ve bize verdiği reklam kodu içerisinde ki GOOGLEREKLAMKİMLİĞİ ve REKLAMKODNOSU nu aşşağıdaki kod içerisine uygun şekilde yerleştirelim.

<style type=”text/css”>
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class=”adsbygoogle adslot_1″
style=”display:inline-block;”
data-ad-client=”GOOGLEREKLAMKİMLİĞİ
data-ad-slot=”REKLAMKODNOSU“></ins>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Bu kodda kırmızı ile belirttiğim yeri değiştirdikten sonra temamızda reklamın görünmesini istediğimiz yere yerleştirelim.

Artık Responsive temamıza farklı boyuttaki cihazlardan girerek reklamın ekrana göre uyum sağladığını görebiliriz.

Kodun açıklamasına girmedim yapamayan ve ya kodun çalışma mantığını merak eden olursa yorum kısmından sorabilir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir