Вывод различных блоков РСЯ в зависимости от ширины экрана


Полезное решение для реализации адаптивности РТБ-блоков РСЯ. Можно использовать для того, чтобы выводить разные блоки на мобильных устройствах и компьютерах.

Необходимо создать два блока, а потом просто подставить их номера в этот код вместо R-12345-1 и R-12345-2.

Например, можете создать первый блок для мобильных устройств с вертикальными контекстными объявлениями и медийной рекламой размером 300х300 или 300х250, а второй для компьютеров с горизонтальным контекстом и медийной рекламой размером 728х90.

Имейте ввиду, что при использовании нескольких таких конструкций на одной странице все они должны иметь различные div id, иначе вся реклама будет пытаться отрисовываться в один слой, т.е. используйте например «yandex_ad_1», «yandex_ad_2» и т.д.




Читайте также:

комментария 4

  1. Ленар:

    Подскажите пожалуйста, а как сделать, чтобы блок при разрешении экрана меньше 800 не показывался. Это актуально для рекламного блока в сайдбаре при адаптивной верстке.

    • VG:

      В коде выше
      max-device-width: 728px
      заменяем на
      min-device-width: 800px
      и убираем
      else{var m= «R-12345-2»;}

      Должно работать.

  2. Антон:

    Яндекс сменил видно приницыпы вывода блоков и этот код не работает. Показывается только один блок: либо на мобильных, либо на компьютерах. А второй альтернативный не выводится вообще.

  1. 01.04.2017

    […] За основу кода возьмём этот из публикации Вывод различных блоков РСЯ в зависимости от ширины экр…. […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *