Руководство по рекламным макетам Audience Network для iOS

Желательно, чтобы рекламу на экране не закрывали панели навигации, панели вкладок, панели инструментов и другие представления. На левом рисунке ниже показано объявление, которое отображается вверху экрана iPhone X и частично оказывается за его верхним краем. Справа показан более правильный дизайн с достаточным расстоянием между верхним краем экрана и областью рекламы.

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

Предварительные требования

Изучите пример нативной, нативной баннерной или баннерной рекламы.

iOS 11 и более поздние версии: макет безопасной области

Предыдущие версии iOS: макеты верхней и нижней областей

iOS 11 и более поздние версии: макет безопасной области

1. Если в вашем приложении используется Interface Builder с Xcode 9 или более поздней версии и оно предназначено для iOS 11 или более поздней версии, следует включить макет компоновки безопасной области. Откройте Interface Builder и нажмите сцену контроллера представления. Справа вы увидите параметры документа Interface Builder. Установите флажок Use Safe Area Layout Guides (Использовать макеты безопасной области).
   
   
2. В разделе View Controller Scene (Сцена контроллера представления) выберите представление AdUI и перейдите к Size Inspector (Инспектор размеров). Настройте подходящие расстояния до левой, правой, верхней и нижней границ безопасной области:
   
   
3. Соберите и запустите приложение. Теперь реклама будет показываться на достаточном расстоянии от угла экрана, датчиков и строки состояния.
   
   

Предыдущие версии iOS: макеты верхней и нижней областей

1. Для поддержки версий iOS ниже iOS 11 используйте макеты верхней и нижней областей. Добавьте макеты компоновки верхней и нижней областей в сцену контроллера представления:
   
   
2. В разделе View Controller Scene (Сцена контроллера представления) выберите представление AdUI и перейдите к Size Inspector (Инспектор размеров). Настройте подходящие расстояния до верхнего и нижнего краев:
   
   

Соблюдение требований политики в отношении нативной рекламы

Чтобы создавать качественные продукты, при построении макета для нативной или нативной баннерной рекламы разработчики должны соблюдать политику Meta Audience Network. У пользователей должна быть возможность полностью контролировать взаимодействие с элементами на экране. В частности, интерактивными элементами в рекламе должны быть только заголовки, URL, призывы к действию и графические объекты. При этом пустое пространство в тексте заголовка и в графических представлениях не должно быть интерактивным.

Пример неправильных интерактивных элементов

При создании макета для нативной или нативной баннерной рекламы не используйте фиксированную ширину и высоту элементов UILabel, чтобы избежать появления white space в заголовке, тексте или социальном контексте рекламы, а также в метке "Реклама". Вот пример того, как не надо делать:

Пример правильных интерактивных элементов

Для разработки качественной нативной рекламы или нативной баннерной рекламы создайте макет с динамическими ограничениями. Например, если вы используете автоматический макет с раскадровкой, можно заменить Trailing Space = x на Trailing Space >= x или Width = y на Width <= y. Ниже показано, как должен выглядеть макет, если вы соблюдаете политику Meta Audience Network: