Клуб Рекламной сети Яндекса

Новые форматы для контекста в РСЯ: решения для адаптивных сайтов и мобильных версий

В Рекламной сети появился новый блок для объявлений Директа — адаптивный. Он принципиально отличается от уже имеющихся в РСЯ форматов. Во-первых, ему можно задавать свои размеры и верхний порог по количеству объявлений. Второе и самое важное — новый блок умеет подстраиваться под разные варианты отображения адаптивных сайтов.

Если в верстке такого сайта явно заданы ширина и высота слота (контейнера для вставки рекламного блока), то блок сможет использовать всё доступное ему пространство — то есть будет ориентироваться не на свои собственные размеры, а на размеры слота. Это позволит вам как можно аккуратнее встраивать рекламу в адаптивный дизайн.

Вот так это может выглядеть:

Если размеры слота не заданы, во всех вариантах верстки блок будет отображаться именно так, как вы его настроили.

Кроме того, сегодня мы добавили в интерфейс еще один новый формат, специально предназначенный для мобильных версий сайтов. Это блок 320x100, который пришёл на смену своему «младшему» аналогу — 320x50. Новый мобильный блок рассчитан для показа одного объявления и доступен только в RTB.

Помимо запуска новых форматов совсем скоро мы изменим дизайн двух существующих:

  • в блоке 728x90 останется только одно объявление Директа,

  • а в 240x400 — одно объявление с картинкой или два текстовых:

Дизайн этих блоков будет всё больше напоминать оформление блоков с медийными баннерами и хорошо подойдет для показа в первом экране. Увеличенная картинка и текст привлекают к себе больше внимания и могут заметно повысить рекламную отдачу. Эксперименты с новым дизайном показали, что доходность блока 728x90 растёт в среднем на 5%, а 240x400 — на 13%.

Если вы хотите и дальше использовать прежние варианты блоков, оптимальным решением для вас станет адаптивный блок — просто задайте ему нужные размеры и количество объявлений для показа.

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

28 комментариев
Александр Гудзовский
27 января 2016, 23:32

Отличная новость!

Давно ждал.

Интересная новость! Спасибо!

Установил adaptive вместо vertical. В адаптивном 3 объявления, размер 728х330. В адаптивном резко уменьшился размер шрифта. Картинка выглядит большой по сравнению с текстом рядом мелким шрифтом. Как изменить? С мелким шрифтом наверняка упадет СТР.

Комментарий удалён

 Пример здесь. Под заголовком блок рекламы 3 объявления через ротатор крутится adaptive и vertical. Тестирую - сравниваю.

Ваши новые адаптивные блоки совершенно невозможно сделать адаптивными! Зачем, скажите, нужны обязательные эти размеры: height и width ?

Указывая их, об адаптивности можно забыть, т.к. блоки не тянутся по ширине, что создает дыру слева от них. А если человек поворачивает свой смартфон, то дыра визуально увеличивается, а блок не растягивается как в Google Adsense.

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

На смартфоне с Андроид посмотрел - блок adaptive выходит за пределы контента. То есть сам блок вписывается в ширину экрана, но ширина контента на экране уменьшается. Ширина контента занимает процентов 40 от ширины экрана.

С блоками vertical на том же месте все приходит в норму -ширина контента, блоков рекламы и экрана совпадают.

На настольном компьютере под Win 7 браузер Chrome при увеличении масштаба адаптивный блок тоже выходит за ширину контента, а vertical не выходит.  Как исправить? 

Покажите сайт, пожалуйста, попробую помочь.

Пример здесь. Под заголовком блок рекламы 3 объявления через ротатор крутится adaptive и vertical. То же самое происходит и с блоками рекламы AdSense в записи.

Свяжитесь пожалуйста со мной через форму Контакты на сайте.

Объясните, чего вы хотите добиться, используя адаптивный блок?

Увеличения дохода - СТР. Уже 30% трафика на сайт идет с планшетов и смартфонов. Адаптивное направление развивает и AdSens. Подстраивают размер, формат и количество объявлений под размер экрана. Утверждают, что адаптивность увеличивает доход, будущее за адаптивностью. Хотелось бы не отставать от тренда.

Вам нужно сделать следующее:

  1. добавить идентификатор блоку, в который вставлен Директ (например, id="yandex_direct");
  2. добавить переменную yandex_direct_place = 'yandex_direct'; — это заставит блок отрисовываться именно в этот элемент, а не создавать свой собственный (особенность синхронного подключения);
  3. явно задать высоту элементу yandex_direct для разных разрешений. Точно подойдут значения в пикселях, либо в процентах, если родительскому элементу заданы размеры.

Это заставит Адаптивный блок определять ширину и высоту из заданных вами стилей, а не из настроек.

Реклама на сайт добавлена через плагин Quick Adsense. Через вставку переменной yandex_direct_place = 'id' не показывает рекламу. Да и блоки AdSense тоже вылезают.на мобильном - сегодня увидел.. Проблема какая-то общая появилась на сайте. Я думал, что дело в новом блоке Яндекса, но нет. Попробую отменить изенения, которые делал последнее время. Спасибо за участие, Олег.

Вам вместо 'id' нужно указать атрибут id того div, в который вы хотите вставлять рекламу — в вашем случае это блок, в который вставлена реклама. Блоки AdSense можно крутить в другом контейнере, например, тогда можно будет пользоваться преимуществами адаптивности хотя бы в РСЯ и получать дополнительный доход, как вы хотели.

Если вы не возражаете, я хотел бы разобраться до конца с вашей проблемой. Давайте заставим хотя бы блок РСЯ рисоваться как нужно.

P.S. Это моя работа, пожалуйста.

В блок рекламы adaptive я добавил строку: yandex_direct_place = "ya_direct_post_header";

Под заголовок поста на сайт  добавил вызов этого блока

Адаптивный блок показывается под заголовком. В файл CSS добавил: @media screen and (max-width: 38.75em) {#ya_direct_post_header {height: 330px;width:100%;} }  На смартфоне стало нормально показывать. Спасибо! 

 

интересно стало, глянул - и так и так pc/mobile/эмулятор, и всегда блок был аналог вертикального (топ-под-заголовком) - как результаты, какой стр?

есть вообще разница с обычным блоком

 

Блок рекламы под заголовком поста из 3 объявлений "вертикаль" выигрывает по доходу у адаптивного с лимитом 4 объявления и высотой 360рх.

Блок в конце поста из 3 объявлений "вертикаль" наоборот, проигрывает по доходу адаптивному с лимитом 4 объявления и высотой 400рх.

 

ДД)  :-)А мне подскажите пжл как вообще сделать такое объявление с фото 

сайт http://ukea.by/

Можете убрать в адаптивном блоке, привязку к фиксированным значениям?
Удобно задавать минимальную высоту, которая в 90% случаев меньше 200px для 1 объявления(а минимальные 160px не работают в конструкторе, а в результате совсем не показывается объявление уже на сайте), ну а фиксированная ширина совсем ни о чем, размеры экранов устройств от мобильного до 22-24" экрана компьютера, ваш баннер не понимает, и старается показать фиксированные настройки, вот до сегодня получалось просто удалить эти(height: 200, width: 300) значения из объявления и добиться желаемого результата при показе объявления на сайте. Спасибо.

Ваши новые адаптивные блоки совершенно невозможно сделать адаптивными! Зачем, скажите, нужны обязательные эти размеры: height и width ?

Указывая их, об адаптивности можно забыть, т.к. блоки не тянутся по ширине, что создает дыру слева от них. А если человек поворачивает свой смартфон, то дыра визуально увеличивается, а блок не растягивается как в Google Adsense.

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

Полностью согласен. До Адсенса далеко. Там блоки тянуться сами на максимум поля и масштабируется шрифт. Попробовал поставить адаптивный РСЯ - некрасиво (куце) - вернул как было до этого. 

Когда будет включено одно объявление для блока 728х90 и в чем будет разница между ним и горизонтальным блоком с одним объявлением, кроме положения плашки "яндекс директ" ?

Ирина Ник.
27 января 2016, 23:32

Наконец-то)) Очень ждали!! :-D

Ребятки, а почему в фиксированных блоках не сделали кликабельным все поле объявления, как это сделано в постерах?

Крутил, вертел, этот адаптативный блок. Так и не понял что нужно сделать, чтобы он менял размеры, куда класс прописать. Зачем нужно указывать явный размер. Какой размер прописал, такой и остается не меняется. Где манул на это все дело?

Вот, что ответил специалист службы поддержки Рекламной сети Яндекса:

height и width - это размеры блока по умолчанию. Если размеры контейнера, в котором размещен рекламный блок, не заданы или их не удалось определить, используются размеры, заданные в коде вызова рекламы. .

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

Например, для экранов мобильных устройств Вы можете добавить в контейнер для вывода рекламы следующие стили:

/*В данном примере используются размеры экрана iPhone 6*/
/* Портретная ориентация */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait) {
 #yandex_ad{ width:375px; height: 300px; }
}
/* Альбомная ориентация */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape) {
  #yandex_ad{ width:667px; height: 100px;}
}

Владимир Викторович
29 января 2016, 18:58
Заманчиво.Надо попробовать.
Здравствуйте. Имеется пара вопросов об асинхронном коде вызова:
1. Возможно ли проксировать скрипты contex.js, static и конфиги рекламы через свой сервер (также нужно патчить загрузчики на свой хост, что нарушит лицензионное соглашение)? Похоже, в этом случае надо в запрос конфига рекламы прокидывать куки для хоста an.yandex.ru. Вопрос возник в связи наличия блока //an.yandex в adblock.
2. Имеется ли полная документация по api вставки рекламы? Очень часто вижу непоказ рекламы через массив коллбек-методов, а также при быстром переключении страниц. У меня сайт на angular2 https://survarium.pro/players/Vaseker, который для рекламных боков генерирует случайные id, и вставляет рекламу в эти контейнеры, используя их высоту и ширину. Хочется видеть детальные логи от кода вставки, потому как порой блок невозможно добавить даже вручную через консоль. Также в этом случае нужны деструкторы рекламных блоков.
Спасибо.
Сейчас пытаюсь настроить адаптивные блоки РСЯ. Результаты пока не очень. Если не сложно подскажите что прописать в CSS и что добавить к самому коду РСЯ чтобы реклама адаптировалась под разные устройства по ширине 100%. Нужно для этого сайта http://geomedia.top/tavolga-opisanie/ . Там внизу адаптивный блок 320*320 с 2мя объявлениями. Буду благодарен за любую помощь.