Оптимизация для мобильного Интернета. Вебинар от Google Adsense.

Похоже что эта новинка с запретом 300х250 является просто расширением старого правила про смещение контента в нижнюю часть экрана.

https://support.google.com/adsense/answer/1346295#Difficult_to_distinguish_ads_and_content

Народ, а эти 320*100 прям совсем не идут?

Как я понимаю, в правилах AdSense ничего не написано про манипуляции с viewport и возможностью "впихивания" таким образом блоков большего размера.

Хорошо, сделаю адаптивный блок 300x249!

Также нет никаких противопоказаний к использованию на мобильной версии в шапке 250x250 (в бурже там неплохие клики проскакивают).

Да дело же не в формальном соблюдении правил, на такой большой блок на первом экране явно случайно будут кликать. А потом удивляетесь почему в аккаунте появляется одна сумма, а через некоторое время намного уже меньше. в краткосрочном периоде может и будет заработок больше, а в долгосрочном cpm рухнет, так как давно замечено, что при большой недействительной активности у них фильтр начинает резать кликов еще больше, чем обычно.

Подскажите как в таком случае быть с другими блоками.

Как их убрать из html кода ?

Как я понимаю эти все подмены, скрытия блоков работают только на визуальность, но не на исключение самово кода.

Т.е например:

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

1) Для пк 3 видимых блока и один скрытый

2) Для мобил. 1 видимый блок и 3 скрытые.

И эти все скрытые блоки будут генерировать показы (вывод кода)

Объясните кто понимает, как правильно скрыть (подменить) блоки для мобил.

trl, по поводу скрытия блоков в Адсенс есть вот такая инфа:

https://support.google.com/adsense/answer/6160631?hl=ru

<style type="text/css">

.adslot_1 { display:inline-block; width: 320px; height: 50px; }

@media (max-width: 400px) { .adslot_1 { display: none; } }

@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }

@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }

</style>

<ins class="adsbygoogle adslot_1"

   data-ad-client="ca-pub-1234"

   data-ad-slot="5678"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

https://support.google.com/adsense/answer/6307124?hl=ru&ref_topic=1307438

Код:
<style type="text/css">
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Из этого кода я вижу что показ блока для мобил. до 400px. просто скрывается, но он остается рабочим и генерит показы. А также при таком подходе, время загрузки страницы не уменьшается.

П.с например на других партнерках такое скрытие - нарушение правил показа.

Все познается в сравнении. Месяца где-то три назад я сам списывался с техподдержкой AdSense на предмет блоков для мобильных устройств. Они мне рекомендовали поставить в начале 320x100 (запрета на 300x250 и больше тогда не было в правилах, специально перерыл). Поставил, сравнил через несколько дней доход - увы, выхлоп меньше, чем от 326x280 + viewport width 360 для мобильных или 300x250 при чистом адаптиве.

Поэтому если прямо запрещают блоки 300x250, будем формально соблюдать правила. Ибо если срежут, то все равно доход на выходе будет выше.

Правила новые прописаны, по сути, для чисто мобильных версий. При этом не учитывается, что часть смартфонов имеют дефолтовый viewport с эффективной шириной экрана больше 320px, в альбомном режиме - это в принципе так. Логика говорит о том, что надо поставить блок большего размера, но "низзя"!

А если на смартфоне был включен десктопный режим просмотра в браузере?

Если брать практику крупных сайтов, то там вообще кучеряво. Например, на slon.ru вчера в статье про Brexit видел: два Netboard в теле текста и 300x600 справа, да еще и с прокруткой на пол-страницы. И ничего, живут!

В цитатах, которые я приводил выше Гугл пишет, что лишних запросов не будет. Как на практике хз, нужно проверять.

Но, лично я бы с этим скрытием блоков вообще не связывался. Лучше разместить блоки таким образом, чтобы они не показывались пользователю по 2 сразу при просмотре с мобильного и все будет ОК.

Я давно решил этот вопрос с помощью определения типа устройства на стороне сервера. Библиотека PHP Mobile Detect в помощь. В WordPress вообще есть встроенная функция wp_is_mobile(), правда она планшеты и смартфоны под одну гребенку. Благодаря этому решается вопрос оптимальной расстановки блоков на разных типах устройств. Вряд ли кто будет просматривать на десктопе сайт при ширине экрана меньше 1024 пикселей, тем более при 320.