Program politikaları nedeniyle 13 Aralık 2012'de güncellenmiştir.
Duyarlı tasarımla ilgili son blog gönderimizde , mobil ortama geçişin önemini ve duyarlı tasarımının bunu yapmaya yönelik planlarınızda nasıl bir rol oynayabileceğini ele almıştık. Bugün bir adım öteye geçecek ve AdSense reklamlarınızı duyarlı sitenizde etkili bir şekilde nasıl kullanabileceğinizi açıklayacağız. Ancak, önce duyarlı tasarımın ne olduğunu özetleyelim.
Duyarlı tasarım, görüntülendiği cihaza (dizüstü bilgisayar, akıllı telefon veya tablet) uyarlanacak basit bir web sitesi oluşturmanıza olanak sağlayan bir web sitesi tasarım tekniğidir. Duyarlı tasarım ile oluşturulan bir site, farklı cihazlar için otomatik olarak yeniden boyutlandırılır. Ancak, cihaza ve mobil kullanıcıya en uygun içeriğin önceliğini kendiniz belirlersiniz.
İçeriğinizin yanı sıra AdSense reklamları da basit bir JavaScript snippet'i kullanılarak farklı ekran boyutlarına uygun hale getirilebilir. Duyarlı tasarımdan yararlanmak için, öncelikle birden çok reklam boyutu oluşturun (örneğin 728x90, 468x60 ve 300x250). Ardından, kullanıcının cihazının boyutuna uygun reklam boyutunu yayınlamak için bir "if-else" snippet'i uygulayın. Aşağıda, alakalı JavaScript koduna ilişkin bir örnek verilmiştir:
<script type="text/javascript">
google_ad_client = "ca-publisher-id";
if (window. innerWidth >= 800) {
google_ad_slot = "1234567890";
google_ad_width = 728;
google_ad_height = 90;
} else if (window.innerWidth < 400) {
google_ad_slot = "2345678901";
google_ad_width = 300;
google_ad_height = 250;
} else {
google_ad_slot = "3456789012";
google_ad_width = 468;
google_ad_height = 60;
}
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
AdSense kodunu değiştirmenin AdSense program kurallarına aykırı olduğunu lütfen unutmayın. Bu duyarlı tasarım için izin verilen tek değişikliktir. Yukarıdaki JavaScript kodu dışında herhangi bir kod değişikliği AdSense politakaları ihlali olarak değerlendirilecektir.
Duyarlı tasarımla ilgili daha fazla bilgi edinmek için Google Web Yöneticisi ekibinin bu blog gönderisini okuyun (yalnızca İngilizce) . Mobil ortamın değeri, sitenizin testi ve mobil cihazlara uygun site oluşturma konusunda size yardımcı olacak geliştiriciler bulmayla ilgili ek kaynaklar için http://www.howtogomo.com/tr/d/ adresini ziyaret edin.
Gönderen: Dairine Kennedy (Mobil ekibi adına)
Hiç yorum yok :
Yorum Gönder