ADFOX в едином с РСЯ интерфейсе — нижняя позиция левого навигационного блока. Начинать нужно именно здесь. Формировать блоки РСЯ — не торопитесь.
Этот материал для тех, кто уже прошел регистрацию в РСЯ+ADFOX, если ее у вас еще нет, обратите внимание на ADFOX – с чего начать? Регистрация.
И прежде чем начать — напомню исходные задачи:
Сформировать возможность размещения в адаптивной версте сайта на одной позиции горизонтальной рекламы:
300х250 — для ширины устройства до 730рх;
728х90 — для ширины устройства от 731рх до 1024рх;
1000х250 — для ширины устройства от 1025рх.
Сформировать возможность размещения аналогичных блоков РСЯ.
В качестве примера – рекламная позиция на этом сайте, после контента.
Вообще, древо размещения рекламы в ADFOX можно отобразить так:
Сайт
Раздел
Площадка.
Причем, создание разных «Разделов», на мой взгляд, актуально для четко структурированного по тематике сайта с посещаемостью от 500 тысяч уников в сутки. Не факт, но актуальным быть может. Для всех остальных случаев – предусмотрен раздел «Сквозной».
К «Площадке» «прикрепляют» тот или иной баннер (с тем или иным набором шаблонов) с указанием «Расположения». И именно к «Площадке», в завершение, прикрепляют еще и блок РСЯ с теми или иными настройками.
И этот путь нам сейчас предстоит пройти. Для экономии вашего времени предлагаю далее соблюдать очередность этапов.
Регистрация владельца сайта
В верхней навигации переходим на «Пользователи» и переключаемся на «Владельцы сайта». Далее — «Создать нового».
Обязательных полей здесь только два. «Учетная запись» и «E-Mail». Остальное — на ваше усмотрение.
Но перед сохранение не поленитесь сразу же отметить «галками» в нижней части и «Доступны для просмотра показы и загрузки баннеров», и «Доступ к Конструктору отчётов».
Пригодится позднее, но не придется ломать голову: почему не вижу?
Добавляем сайт
В верхней навигации переходим на «Сайты». Далее — «Добавить».
Вводите «Название».
В выпадающем списке выбираете ранее созданного «Владельца сайта».
«Категория» не трогаете.
Она актуальна тем, у кого в управлении несколько десятков или сотен сайтов. С ними (с Категориями) удобнее искать (делать выборку по параметру) в общем списке, но не более.
Не забываем нажать на желтую кнопку «Добавить», хотя уместнее ее было бы назвать «Сохранить».
Создаем баннеры
В верхней навигации переходим на «Настройки», сразу же откроется вкладка «Типы баннеров».
В общем то можно было бы воспользоваться и баннерами «Предустановленными», но, например, для web 300х250 среди них нет. Для АМР и Turbo оптимально использовать именно «Предустановленные». Для web — как будет удобнее для будущей работы. С другой стороны, вам могут понадобиться в дальнейшем и какие-то другие собственные. Потому переключаемся на «Собственные», откроется вкладка «Безразмерные». И учимся.
Нажимаете «Добавить».
Здесь нужно ввести только название.
И! Создать нужно будет ТРИ баннера! Поверьте, пока на слово, что одним из оптимальных вариантов их названий будут (в дальнейшем названия можно будет откорректировать):
Смартфон 300х250;
Планшет 728х90;
Десктоп 1000х250.
Или другие, но главное, чтобы из названия следовало — для какого устройства и какой типоразмер. В дальнейшем вы будете создавать и другие баннеры, лучше сразу установить для себя единую систему, в дальнейшем, при создании рекламной кампании будет проще искать необходимый.
И еще, почему именно три — вам станет понятно, когда будем к ним подключать блоки РСЯ. На этом этапе просто сделайте три.
После ввода названия баннера не забываем нажать на желтую кнопку «Добавить», хотя уместнее ее тоже было бы назвать «Сохранить».
Поступил вопрос: А почему не использовать из предзаданных баннеров «Media banner» и для смартфона, и для планшета, и для десктопа? И создавать ничего не нужно! А после — не нужно добавлять шаблоны.
Пока отвечу так: можно, но чревато. Объяснение в конце публикации.
После сохранения первого, вам необходимо будет добавить «шаблоны» баннеров.
Нажимаем «Использовать предзаданный».
Для начала вам будет нужно из длинного списка (на несколько страниц) поочередно найти, выбрать и «Добавить»:
Banner Image [loader] и Banner HTML5 [loader].
В дальнейшем, когда получше разберетесь с функционалом добавите при необходимости и другие. Но с чего-то нужно начинать? И начните именно с этих.
Не забываем, что эти шаблоны нужно будет добавить для каждого из трех создаваемых баннеров.
Расположение мест рекламы
После создания трех баннеров переходим на вкладку «Расположения» (она правее от «Типы баннеров», через одну).
По умолчанию мест расположения всего три:
верх, середина, низ страницы.
Если вам будет достаточно, оставляйте как есть.
Но есть одно «но». На следующем этапе перейдем к созданию «рекламной площадки» и там будет нюанс: однотипным баннерам нельзя установить одно и тоже расположение.
Если вы в дальнейшем планируете разместить на странице сайта более трех мест для однотипных баннеров, вы здесь можете добавить специально поименованные места. Напоминать о том, что названия должны быть понятны, скорее всего не нужно.
Рекламная площадка
Снова в верхней навигации переходим на «Сайты».
Левее названия сайта – несколько иконок. Сейчас необходимо перейти в «Раздел» (третья иконка слева).
Видим раздел «Сквозной», у него слева тоже несколько иконок. Сейчас нам нужна вторая слева, «Площадки».
У меня площадок много, некоторые не использую, а вам сейчас предстоит создать по очереди три площадки.
Нажимаете на серую кнопку «Добавить».
Обязательных параметров три:
Название,
Тип баннеров,
Расположение.
Остальное – не трогайте.
Название лучше сразу определить так, чтобы было понятно для какого устройства (смартфон, планшет, десктоп) и для какого расположения, например, используйте такие три названия:
Контент 01 SmartPhone,
Контент 01 Tablet,
Контент 01 Desktop.
Но название можно поменять и позже, с «Типом баннеров» и «Расположением» сложнее, их после сохранения изменить нельзя, аккуратнее. Если ошибетесь, созданную с ошибкой площадку придется удалить и создать заново.
И раз мы формируем рекламное место для трех вариантов адаптивной верстки, «Расположение» у ваших первых трех площадок будет одинаковым.
А отличаться ваши первые три площадки будут баннером, из тех, что вы создали ранее и на этом этапе должны выбрать из выпадающего списка.
Не перепутали какой баннер к какой площадке? Добавляйте.
После добавления трех площадок, переходим на этап следующий.
«Привязываем» к площадкам ADFOX блоки РСЯ
В верхней навигации переходим на «Монетизация». Переходите на вкладку «Баннерная реклама».
У меня в колонке «ID блока РСЯ» уже обозначены номера созданных блоков, у вас же в этой колонке будет «Нет блока РСЯ» и кнопка «+» для его добавления.
После нажатия на кнопку «+» появится такое всплывающее окно:
Выбираете ту, что создала система при регистрации или создаете новую и после выбираете ее.
Далее создаем блок РСЯ. Рекомендую в качестве названия использовать название площадки ADFOX. А в рекламных форматах вы можете добавить не только безразмерные, но и фиксированные. Подходящие именно для этой площадки ADFOX. Кстати, не забыли, к площадке для какого устройства собираетесь привязать блок РСЯ?
И так для каждой (напомню, всего их у вас пока три) площадки в ADFOX. А после — следующий и последний этап.
Код вызова рекламы
Снова в верхней навигации переходим на «Сайты».
Левее названия сайта – несколько иконок. Сейчас необходимо перейти в «Код вставки» (вторая иконка слева).
Тип баннера – один из трех созданных вами баннеров. В моем случае вы видите обозначение того, что создан для десктопа.
Расположение – одно из расположений, то, которое вы присваивали площадкам. Не другие! В противном случае вызов рекламы после создания рекламной кампании не произойдет.
Вид кода – адаптивный. Там будут и другие варианты, но для наших задач нужен именно адаптивный.
Заново загружать при изменении размеров – обязательно ставим «галку». В противном случае при изменении ориентации смартфона или планшета не произойдет изменение типоразмера баннера. Если с вертикали на горизонт – ничего особо страшного. Но если с горизонта на вертикаль – баннер просто не поместится. И не мелочь, и не приятно. Как минимум, рекламодателям.
Обязательно нажимаем «Показать». Для чего: при изменении трех первых параметров код изменится на автомате. На последней «галке» — нет. Только после нажатия.
Теперь код можно скопировать. Для получения второго и третьего кода вставки вам достаточно будет поменять «Тип баннера» и еще раз нажать на кнопку «Поменять». И изменить код аналогичным образом для каждого типа устройств.
Далее работа с кодами, которая описана в Рекламная сеть Яндекса + ADFOX Sites: 3 приема для повышения эффективности и оптимизации.
Обратите внимание! С февраля 2022 года в ADFOX новые возможности, в т.ч. и по отложенной загрузке рекламного блока.
И напоследок. Хорошим тоном будет, если в конкретное место верстки сайта вы поставите три div, а три script отправите в нижнюю часть body, с точки зрения скорости загрузки страницы сайта так будет правильно.
Но к слову, не обязательно, что все три div будут в одном и том же месте.
Когда же будет закончена следующая публикация, на месте этого заголовка
«ADFOX — с чего начать? Создаем рекламную кампанию»
появится гиперссылка.
А если ее еще нет – у вас есть время разместить коды на всех запланированных местах. И после этого показы рекламы начнет РСЯ.
Если что не поняли, пишите, спрашивайте. Главное, не забывайте, что прочитали вы «Подсказку», а
Инструкции стоят дороже.