Ad Inserter – настройка рекламных блоков под типы устройств

Здравствуйте, друзья. Сегодня расскажу, как с помощью плагина Ad Inserter настроить отображение разных форматов рекламных блоков или баннеров в зависимости от типа устройств. Кто анализирует свой трафик, не мог не заметить, что доля мобильного трафика увеличилась и продолжает расти. Значит, нужно его правильно монетизировать.

Дело в том, что отображение сайта на компьютере и мобильном устройстве отличается. И то, что хорошо выглядит на ПК, не всегда также хорошо воспринимается мобильными пользователями. Контекстная реклама с адаптивными рекламными блоками тут ещё вытягивает, а вот баннеры сильно проседают по кликам. Происходит это из-за того, что при адаптации баннера под маленький экран, он становится мелким и не привлекает нужного внимания.

Например, вы размещаете баннер 728х90 пикселей в конце статьи. На компьютере он хорошо выглядит и привлекает нужное внимание. Но, на смартфоне он будет мелким, едва заметным, так как адаптируется по размеру экрана.

не верный формат баннера

Понятное дело, что такой баннер будет незаметен для большинства посетителей. Правильным решением будет вывести на этом месте, для смартфонов, баннер 300х300 или 300х250 пикселей.

правильный баннер на мобильн

Согласитесь, такой баннер привлечёт больше внимания на маленьком экране.

Как настроить показ рекламы под типы устройств в плагине Ad Inserter

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

Шаг 1 – создание рекламного блока для ПК и планшетов

Открываете настройки плагина, выбираете блок и вставляете код баннера. Затем выбираете место для отображения на сайте и выполняете все основные настройки.

Далее, нажимаете на вкладку «Devices» и выбираете параметры отображения на ПК и планшетах.

настройка для показа на ПК и планшетах

Важно отметить чекбокс «Use client-side detection to show only on», что обеспечит определение размера экрана на стороне пользователя.

Шаг 2 – создание рекламного блока для смартфонов

Создаём новый блок, вставляем в него код баннера для мобильных устройств. А далее, выполняем все основные настройки и настройки отображения на мобильных устройствах. Теперь чекбоксом отмечаете «Phone», для отображения блока на маленьких экранах телефонов.

настройка для показа на мобильных

Всё готово, можно проверять. Первый блок будет отображаться только на компьютерах, ноутбуках и планшетах, а второй, на телефонах (смартфонах).

Видеоурок по настройке Ad Inserter под типы устройств

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

Ad Inserter – это мощный инструмент, который позволяет гибко настроить отображение рекламы на сайте. Есть и другие решения, но этот вариант быстрее и легче. Тем более, если вы уже его используете, зачем ещё что-то изобретать.

Друзья, желаю вам удачи! До встречи в новых статьях.

С уважением, Максим Зайцев.

Понравилась статья? Поделиться с друзьями:
Комментарии: 19
  1. Иван

    Очень важный урок! Хорошая реклама должна быть заточена под определенное устройство.

    Максим, хотелось бы тебе посоветовать плагин AdRotate. Плагин автоматически меняет рекламу!

    1. Максим Зайцев (автор)

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

  2. Цифровой

    Спасибо за статью, сейчас тоже пытаюсь разобраться с этим плагином. Очень много в нем тонких настроек. Это и радует и напрягает одновременно ))

  3. Елена

    Максим, здравствуйте! Не совсем поняла эта настройка под типы устройст действует только для блоков Адсенс, а для блоков РСЯ как, они также адаптируются под типы устройств с этим плагином или нет?

    1. Максим Зайцев (автор)

      Здравствуйте, Елена. Весь смысл в том, что плагин позволяет показывать не адаптивные блоки, разных форматов разграничивая показ между типами устройств. То есть вы для ПК создаёте блок, например, 728х90, а для мобильных 300х600.

  4. Андрей

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

    1. Максим Зайцев (автор)

      Здравствуйте, Андрей. Внимательно изучите плагин, там есть белые и чёрные списки, ID категорий и множество других настроек, которые позволяют очень точно настроить вывод рекламы. Мобильная версия должно работать, проверьте стоит ли у вас галочка напротив параметра: Use client-side detection to show only on

  5. Максим

    Не хочет выводить всплывашку в категориях c мобилjr, не знаю что с этим делать.
    В постах отображается нормально. Странно, что категории он считает Page-страницей. Проставлены галочки на все типы материалов, но не хочет выводить.

    1. Максим Зайцев (автор)

      Максим, попробуйте поставить чекбокс напротив Tag/Archive pages. Это ещё может быть связано с самим шаблоном. В плагине точно нет проблем.

  6. Елена

    Максим, здравствуйте! Использую плагин Ad Inserter, не подскажите, как можно отключить показ рекламы от Адсенс в отдельно взятой статье, есть какие то варианты, как это можно сделать?

    1. Максим Зайцев (автор)

      Здравствуйте, Елена. Конечно можно. Выберите нужный блок -> на вкладке Lists в поле Post IDs укажите ID нужной записи. Чтобы узнать ID записи нужно открыть список записей в админке и навести на нужную курсор мышки, в левом нижнем углу браузера появится адрес ссылки, цифры в этой ссылке и есть ID.

      1. Елена

        Спасибо, получилось! Я только не поняла такой момент, изменения я внесла, если смотреть через комп на статью , то рекламы нет, если зайти со смартфона, то рекламные блоки показываются. Также вносила некоторые изменения в сам текст статьи, с ними такая же история, если смотреть с компа, то весенные изменения присутствуют, если через смартфон, то всё осталось, как и было ранее до исправлений?

        1. Максим Зайцев (автор)

          Елена, тут может быть два варианта. На смартфоне остался кэш или блок настроен с разделением для показа на ПК и МУ.

  7. Юрий

    Здpaвcтвyйтe. Нe пoдcкaжeтe кaк cдeлaть, чтoбы блoки нe влaзили в тaблицy? Taблицы oбычныe html. Блoки вывoдятcя after paragraph (пp. 0.1 , 0.5, 0.9….)

    1. Максим Зайцев (автор)

      Здравствуйте, Юрий. Добавьте в исключение тег table

      1. Юрий

        А можно чуть подробнее?)

        1. Максим Зайцев (автор)

          В поле paragraphs above avoid добавьте тег table

          1. Юрий

            Спасибо. У Вас тут просто теги в комментариях не отображаются, поэтому и не понял сразу. Да и не удобная настройка этих полей: таблицы разные по размерам, выставить «сколько абзацев после тега пропускать» тяжело. Если б было от .

          2. Максим Зайцев (автор)

            Юрий, попробуйте с добавлением тегов начала и окончания таблицы, столбцов и строк. Думаю, должно получиться хорошо обойти таблицу.

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