Подружить AdSense и адаптивный дизайн

Алексей, может так?

1) с помощью js узнаем ширину экрана;

2) в зависимости от результата либо инклудим блок адсенса, либо нет. Вроде бы еще есть вариант с jQuery.

Типа так?

<script type="text/javascript">

var screen_width = <определяем ширину экрана>

if (screen_width >= 730){

google_ad_client = "pub-XXX";

google_ad_slot = "XXX";

google_ad_width = XXX;

google_ad_height = XXX;

}

</script>

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

На форуме adsense крайне не советовали инклудить код через асинхронную подгрузку через JS.

Вроде как этот финт может служить источником подозрительной активности и соответствующих последствий на аккаунт (как я понял сотрудника, это происходит за счет того, что бот не сможет определить окружающий контент, а JS работа ботов не предусмотрена) - поэтому настоятельно рекомендуют размещать код адсенс исключительно на странице, на которой осуществляется контент, без использования фреймов и подгрузки.

---------- Post added 28-05-2012 at 13:09 ----------

В этом случае JS то все-равно будет вызываться, но с битыми параметрами.

Не есть гуд, особенно учитывая, что изменения кода запрещено правилами.

Традиционное А\Б тестирование по идее тоже код меняет:

<script type="text/javascript">
var random_number = Math.random();
if (random_number < .5){
<!--
/* Вставьте ваш код А здесь */
  google_ad_client = "pub-XXX";
  google_ad_slot = "XXX";
  google_ad_width = XXX;
  google_ad_height = XXX;
//-->
} else {
<!-- /* Вставьте ваш код Б здесь */
  google_ad_client = "pub-XXX";
  google_ad_slot = "YYY";
  google_ad_width = YYY;
  google_ad_height = YYY;
//-->
}
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

пруф, см. презентацию

Алексей Барыкин, в приводимой вами презентации нигде не указан приводимый вами способ А\Б тестирования через JS.

Есть только текст вида

Даже если учесть тот факт, что "специалисты по правилам программы" "разрешили" изменить код для A/B тестирования, то я уверен более чем на 99% что указанный вами код "специалистами по правилам программы" будет запрещен.

Чтобы этого не было для мелких разрешений экрана можно вставлять другой блок Adsense, например 300х250. Будет код практически такой же, как в А/Б тесте.

см. 5-й слайд

---------- Добавлено 28.05.2012 в 17:24 ----------

Спасибо, кэп. 😂

Вопрос именно в этом и заключается - как разделять десктопы и мобилы и не нажить при этом геморрой.

Так вы сами выше уже писали вариант определения ширины экрана на js, в чем проблема-то? Ширина экрана - screen.width, код простейший:

По юзерагенту на серверной стороне, по вхождению уникальной подстроки. Нет ничего проще. Самый верный вариант.

Это смерть фашистам, а не самый простой вариант:

- новые браузеры появляются очень часто, соответственно пополнять список UserAgent придется постоянно;

- далеко не всегда UserAgent определяется правильно.