Шаблоны нативной рекламы

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Скачать нативные шаблоны

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

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

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

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

Размеры шаблонов

Есть два размера шаблона: маленький и средний. Каждый шаблон представлен классом. Это классы GADTSmallTemplateView и GADTMediumTemplateView . Оба класса расширяют GADTTemplateView . Оба шаблона имеют фиксированное соотношение сторон, которое будет масштабироваться, чтобы заполнить ширину их родительских представлений, только если вы addHorizontalConstraintsToSuperviewWidth . Если вы не вызываете addHorizontalConstraintsToSuperviewWidth , каждый шаблон будет отображать свой размер по умолчанию.

GADTSmallTemplateView

Небольшой шаблон идеально подходит для UICollectionView или UITableView . Например, вы можете использовать его для рекламы в ленте или везде, где вам нужен тонкий прямоугольный рекламный вид. Размер по умолчанию для этого шаблона составляет 91 пункт в высоту и 355 пунктов в ширину.

GADTMediumTemplateView

Средний шаблон предназначен для просмотра от 1/2 до 3/4 страницы. Это хорошо для целевых или заставочных страниц, но также может быть включено в UITableViews . Размер по умолчанию этого шаблона составляет 370 пунктов в высоту и 355 пунктов в ширину.

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

Установка шаблонов нативной рекламы

Чтобы установить собственные шаблоны, просто загрузите zip-архив и перетащите его в свой проект Xcode. Обязательно установите флажок Копировать элементы, если это необходимо .

Использование шаблонов нативной рекламы

После того как вы добавили папку в свой проект и включили соответствующий класс в свой файл, следуйте этому рецепту, чтобы использовать шаблон. Обратите внимание, что единственный способ изменить свойства шрифта и стиля — использовать словарь стилей — в настоящее время мы переопределяем любой набор стилей в самом xib.

Цель-C

/// Step 1: Import the templates that you need.
#import "NativeTemplates/GADTSmallTemplateView.h"
#import "NativeTemplates/GADTTemplateView.h"
...

// STEP 2: Initialize your template view object.
GADTSmallTemplateView *templateView =
    [[NSBundle mainBundle] loadNibNamed:@"GADTSmallTemplateView" owner:nil options:nil]
      .firstObject;

// STEP 3: Template views are just GADNativeAdViews.
_nativeAdView = templateView;
nativeAd.delegate = self;

// STEP 4: Add your template as a subview of whichever view you'd like.
// This must be done before calling addHorizontalConstraintsToSuperviewWidth.
// Please note: Our template objects are subclasses of GADNativeAdView so
// you can insert them into whatever type of view you’d like, and don’t need to
// create your own.
[self.view addSubview:templateView];

// STEP 5 (Optional): Create your styles dictionary. Set your styles dictionary
// on the template property. A default dictionary is created for you if you do
// not set this. Note - templates do not currently respect style changes in the
// xib.

NSString *myBlueColor = @"#5C84F0";
NSDictionary *styles = @{
    GADTNativeTemplateStyleKeyCallToActionFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyCallToActionFontColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyCallToActionBackgroundColor :
        [GADTTemplateView colorFromHexString:myBlueColor],
    GADTNativeTemplateStyleKeySecondaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeySecondaryFontColor : UIColor.grayColor,
    GADTNativeTemplateStyleKeySecondaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyPrimaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyPrimaryFontColor : UIColor.blackColor,
    GADTNativeTemplateStyleKeyPrimaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyTertiaryFont : [UIFont systemFontOfSize:15.0],
    GADTNativeTemplateStyleKeyTertiaryFontColor : UIColor.grayColor,
    GADTNativeTemplateStyleKeyTertiaryBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyMainBackgroundColor : UIColor.whiteColor,
    GADTNativeTemplateStyleKeyCornerRadius : [NSNumber numberWithFloat:7.0],
};

templateView.styles = styles;

// STEP 6: Set the ad for your template to render.
templateView.nativeAd = nativeAd;

// STEP 7 (Optional): If you'd like your template view to span the width of your
// superview call this method.
[templateView addHorizontalConstraintsToSuperviewWidth];
[templateView addVerticalCenterConstraintToSuperview];

Клавиши словаря стилей

Самый быстрый способ настроить шаблоны — создать словарь со следующими ключами:

Цель-C

/// Call to action font. Expects a UIFont.
GADTNativeTemplateStyleKeyCallToActionFont

/// Call to action font color. Expects a UIColor.
GADTNativeTemplateStyleKeyCallToActionFontColor;

/// Call to action background color. Expects a UIColor.
GADTNativeTemplateStyleKeyCallToActionBackgroundColor;

/// The font, font color and background color for the first row of text in the
/// template.

/// All templates have a primary text area which is populated by the native ad's
/// headline.

/// Primary text font. Expects a UIFont.
GADTNativeTemplateStyleKeyPrimaryFont;

/// Primary text font color. Expects a UIFont.
GADTNativeTemplateStyleKeyPrimaryFontColor;

/// Primary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeyPrimaryBackgroundColor;

/// The font, font color and background color for the second row of text in the
/// template.

/// All templates have a secondary text area which is populated either by the
/// body of the ad, or by the rating of the app.

/// Secondary text font. Expects a UIFont.
GADTNativeTemplateStyleKeySecondaryFont;

/// Secondary text font color. Expects a UIColor.
GADTNativeTemplateStyleKeySecondaryFontColor;

/// Secondary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeySecondaryBackgroundColor;

/// The font, font color and background color for the third row of text in the
/// template. The third row is used to display store name or the default
/// tertiary text.

/// Tertiary text font. Expects a UIFont.
GADTNativeTemplateStyleKeyTertiaryFont;

/// Tertiary text font color. Expects a UIColor.
GADTNativeTemplateStyleKeyTertiaryFontColor;

/// Tertiary text background color. Expects a UIColor.
GADTNativeTemplateStyleKeyTertiaryBackgroundColor;

/// The background color for the bulk of the ad. Expects a UIColor.
GADTNativeTemplateStyleKeyMainBackgroundColor;

/// The corner rounding radius for the icon view and call to action. Expects an
/// NSNumber.
GADTNativeTemplateStyleKeyCornerRadius;

Часто задаваемые вопросы

Почему я получаю исключение, когда пытаюсь создать экземпляр объекта шаблона?
Это может произойти, если вы изменили размер представления в файле xib, но не изменили размер кадра, созданного в методе «настройки» подкласса.
Как я могу дополнительно настроить эти шаблоны?
Эти шаблоны представляют собой просто xib со связанными объектами представления, как и любой другой xib и пользовательский класс представления, к которому вы могли привыкнуть при разработке iOS. Если вы предпочитаете создавать нативную рекламу с нуля, см. наше расширенное руководство по нативной рекламе .
Почему мои стили не обновляются, когда я устанавливаю их в xib?
В настоящее время мы переопределяем все стили xib словарем стилей по умолчанию в GADTTemplateView.m .

Делать вклад

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