Kategoriler
Webmaster yardım

Adsense reklam boyutunu Ekrana göre ayarlama [Otomatik]

Yeni nesil teknolojinin gelişmesiyle görsel anlamda sitelerinde duyarlı konuma gelmesi kaçınılmazdı. Bu detaylı bir konu aslında ama daha sonra detaylıca değineceğim. Şimdi ise duyarlı tasarımlarınız için adsense reklamlarının boyutunu otomatik olarak değiştirmeyi anlatacağım.

Neden?

Adsense reklamları sabit genişliktedir. Ancak duyarlı bir tasarımınız varsa ki bu girilen aparatın (iphone, ipad, mac) ekranına göre optimize olur, daralır ve tasarımı en iyi şekilde korurayarak kullanıcıya gösterir. Ancak sabit genişliği olan reklamların bu duyarlılığı algılaması zordur. Bunun içinde tasarımı bozmayacak şekilde adsense reklamlarını tarayıcının genişliğine göre gösterelim.

Nasıl?

Adsense kodunuzu aşağıdaki gibi düzenleyin. Renkli kısımlar değiştirmeniz gereken alanlardır..

<script type="text/javascript">
    google_ad_client = "ca-publisher-id";
    if (window.innerWidth >= 800) {
        google_ad_slot = "ad-unit-1";
        google_ad_width = 728;
        google_ad_height = 60;
    } else if (window.innerWidth < 400) {
        google_ad_slot = "ad-unit-2";
        google_ad_width = 300;
        google_ad_height = 250;
    } else {
        google_ad_slot = "ad-unit-3";
        google_ad_width = 468;
        google_ad_height = 60;
    }
</script>
<script type="text/javascript" 
 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

3 Farklı reklam boyutu reklam hazırlayın ve kodlarını kaydedin. Sonrada yukarıdaki reklam kodlarına boyutlarına göre ekleyin.

 

Yazar selçuk KILIÇ

Bende 1 yumurta var, sende 1 yumurta var. Ben sana 1 yumurta versem, sen bana bir yumurta versen, bende 1 yumurta sende 1 yumurta olur.Bende 1 bilgi var, sende 1 bilgi var. Ben sana 1 bilgi versem, sen bana 1 bilgi versen, bende 2 bilgi, sende de 2 bilgi olur - Konfüçyüs - Yazilarimi artik kuaza da yayinliyorum (zamanim oldukca) :)

“Adsense reklam boyutunu Ekrana göre ayarlama [Otomatik]” için bir yanıt

Bir cevap yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.