Bu konumuzda kullanılan cihazın ekran genişliğine göre nasıl esnek (responsive) reklam ekleyeceğimizi göstereceğim.
(Konu Responsive Adsense başlıklı XenForo.com Resource'undan alıntıdır)
Örnek olarak ad_thread_list_below_stickies (sabit ve normal konular arasındaki reklam alanı) şablonunu kullanalım.
Kırmızı ile belirtilen kısımlar normal Adsense reklam koduna ek olarak yerleştirilen bir takım önemli kodlardır, genişliğe göre reklam yerleştirmektedir.
Mavi ile belirtilen kısımlar her bir Adsense reklam kodunda mevcut kodlardır ve her reklam için farklıdırlar. Adsense sayfanızdan aldığınız reklam kodlarında mevcutturlar.
<p style="text-align: center;">
<script type="text/javascript">
google_ad_client = "ca-pub-id";
width = document.documentElement.clientWidth;
/* Thread List Below Stickies Responsive 2 */
google_ad_slot = "123456890";
google_ad_width = 320;
google_ad_height = 50;
if (width > 483) {
/* Thread List Below Stickies Responsive 1 */
google_ad_slot = "123456890";
google_ad_width = 468;
google_ad_height = 60;
}
if (width > 743) {
/* Thread List Below Stickies */
google_ad_slot = "123456890";
google_ad_width = 728;
google_ad_height = 90;
}
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>Yukarıdaki kod reklamlarınızı şöyle yerleştirecektir:- Eğer cihazın genişliği 483 ve altındaysa: 320x50 boyutunda reklam gösterecektir,
- Eğer cihazın genişliği 484-743 arasındaysa; 468x60 boyutunda reklam gösterecektir,
- Eğer cihazın genişliği 744 ve üstüyse; 728x90 boyutunda reklam gsterecektir.
Gördüğünüz üzere tarayıcı pencere boyutu arttıkça ya da azaldıkça, farklı reklamlar sunulmakta.
Siz de kodda sitenize uygun oynamalar yaparak tarayıcı genişliği bazlı responsive Adsense reklam yerleşimi yapabilirsiniz.
Not: Yukarıdaki kodda yer alan google_ad_client = "ca-pub-id"; kısmındaki "ID" yerine Adsense client IDnizi girmeyi unutmayın.
Not 2: Adsense politikaları gereğince 404 hata sayfası gibi sayfalarda reklam sunmak kurallara aykırıdır. XenForo'da bunu engellemek için reklam kodunuzu şu şekilde koşullu ifade içine alın:
<xen:if is="!in_array({$contentTemplate}, array('message_page', 'error', 'search_form', 'search_form_post', 'search_form_profile_post', 'search_results', 'register_form', 'register_facebook', 'register_twitter', 'register_google', 'login', 'login_two_step', 'error_with_login', 'contact'))">
REKLAM KODUNUZ BURAYA GELECEK
</xen:if> 