Йоханга, сегодня расскажу как и что сделать что бы реклама от google adsense более или менее адекватно показывалась в колонке при разных разрешениях экрана если у вас резиновый макет. делал для себя и результат можно посмотреть на страницах этого блога. из того что имеем:
Twitter Bootstrap responsive
jQuery профиль в
google adsense. у меня правая колонка имеет класс
span4, это важно, потому что все расчеты я делал исходя из ширин которые примет этот класс при разных разрешениях. если вы используете другое соотношение в колонках, то нужно будет пересчитать, чтобы правильно подобрать условия. во первых проверяем можем ли мы вставить самый большой квадратный блок:
if( $(window).innerWidth() > 1215 )
показываем -
336x280 затем две промежуточные проверки
else if( $(window).innerWidth() > 995 && $(window).innerWidth() < 1215 )
показываем -
300x250 и
else if( $(window).innerWidth() > 780 && $(window).innerWidth() < 995 )
показываем -
200x200 чем меньше ширина экрана, тем меньше рекламный блок вставляем. последний блок
else
показываем -
468x60 для того что бы вставить горизонтальный рекламный блок потому что ширина экрана на столько мала что правая колонка будет показываться под левой и иметь ширину родительского блока. горизонтальный блок будет выглядеть не так назойливо в таком расположении. далее нужно создать 4 рекламных блока необходимых размеров. и собрать весь код, вот что у меня получилось:
<div class="span4">
<script type="text/javascript">
google_ad_client = "ca-pub-XXXXXXXXXXXXXXXXX"; // ваш публичный ID
if( $(window).innerWidth() > 1215 )
{
google_ad_slot = "ZZZZZZZZ";
google_ad_width = 336;
google_ad_height = 280;
}
else if( $(window).innerWidth() > 995 && $(window).innerWidth() < 1215 )
{
google_ad_slot = "YYYYYYYYY";
google_ad_width = 300;
google_ad_height = 250;
}
else if( $(window).innerWidth() > 780 && $(window).innerWidth() < 995 )
{
google_ad_slot = "JJJJJJJJJJ";
google_ad_width = 200;
google_ad_height = 200;
}
else
{
google_ad_slot = "LLLLLLLLLLL";
google_ad_width = 468;
google_ad_height = 60;
}
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>