Нативные оверлеи

Выберите платформу: Android iOS Flutter Unity Android (устаревшая версия)

Начать

Нативные оверлеи показываются пользователям с помощью компонентов интерфейса, которые являются нативными для платформы. Они показываются поверх приложения. Это похоже на работу баннеров, но с возможностью настраивать внешний вид объявлений.

Нативные оверлеи поддерживают медиацию и видеообъявления. Это ключевое преимущество нативных оверлеев перед нативными объявлениями.

В этом руководстве рассказывается, как реализовать нативные оверлеи в приложении Unity, и приводятся важные рекомендации.

Требования

Прежде чем продолжить, сделайте следующее:

Всегда используйте тестовые объявления

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

Однако после того, как вы зарегистрируете приложение в веб-интерфейсе Менеджера рекламы и создадите собственные идентификаторы рекламных блоков для использования в приложении, вам нужно будет настроить свое устройство как тестовое.

/21775744923/example/interstitial

Загрузка нативного оверлея

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

В следующем коде для загрузки объявления используется NativeOverlayAd:




// This ad unit is configured to always serve test ads.
private string _adUnitId = "/21775744923/example/native";



private NativeOverlayAd _nativeOverlayAd;

/// <summary>
/// Loads the ad.
/// </summary>
public void LoadAd()
{
    // Clean up the old ad before loading a new one.
    if (_nativeOverlayAd != null)
    {
        DestroyAd();
    }

    Debug.Log("Loading native overlay ad.");

    // Create a request used to load the ad.
    var adRequest = new AdRequest();

    // Optional: Define native ad options.
    var options = new NativeAdOptions
    {
        AdChoicesPosition = AdChoicesPlacement.TopRightCorner,
        MediaAspectRatio = NativeMediaAspectRatio.Any,
    };

    // Send the request to load the ad.
    NativeOverlayAd.Load(_adUnitId, adRequest, options,
        (NativeOverlayAd ad, LoadAdError error) =>
    {
        if (error != null)
        {
            Debug.LogError("Native Overlay ad failed to load an ad " +
                           " with error: " + error);
            return;
        }

        // The ad should always be non-null if the error is null, but
        // double-check to avoid a crash.
        if (ad == null)
        {
            Debug.LogError("Unexpected error: Native Overlay ad load event " +
                           " fired with null ad and null error.");
            return;
        }

        // The operation completed successfully.
        Debug.Log("Native Overlay ad loaded with response : " +
                   ad.GetResponseInfo());
        _nativeOverlayAd = ad;

        // Register to ad events to extend functionality.
        RegisterEventHandlers(ad);
    });
}

Отрисовка и оформление нативного оверлея

Нативные оверлеи отрисовываются с помощью NativeTemplateStyle. Этот класс определяет поля, которые позволяют настраивать внешний вид объявления.

TemplateID – обязательная строка, которая определяет нативный шаблон, используемый для показа нативного оверлея. Чтобы выбрать подходящий нативный шаблон для объявления, используйте константу NativeTemplateID.

В приведенном ниже коде показано, как отрисовать нативное оверлей-объявление с помощью шаблона среднего размера и собственного стиля.

/// <summary>
/// Renders the ad.
/// </summary>
public void RenderAd()
{
    if (_nativeOverlayAd != null)
    {
        Debug.Log("Rendering Native Overlay ad.");

        // Define a native template style with a custom style.
        var style = new NativeTemplateStyle
        {
            TemplateID = NativeTemplateID.Medium,
            MainBackgroundColor = Color.red,
            CallToActionText = new NativeTemplateTextStyles
            {
                BackgroundColor = Color.green,
                FontColor = Color.white,
                FontSize = 9,
                Style = NativeTemplateFontStyle.Bold
            }
        };

        // Renders a native overlay ad at the default size
        // and anchored to the bottom of the screne.
        _nativeOverlayAd.RenderTemplate(style, AdPosition.Bottom);
    }
}

Как показать и скрыть нативное оверлей-объявление

В примере кода ниже показано, как показывать загруженное нативное оверлей-объявление.

/// <summary>
/// Shows the ad.
/// </summary>
public void ShowAd()
{
    if (_nativeOverlayAd != null)
    {
        Debug.Log("Showing Native Overlay ad.");
        _nativeOverlayAd.Show();
    }
}

Как скрыть нативное оверлей-объявление

В примере кода ниже показано, как скрыть нативное оверлей-объявление.

/// <summary>
/// Hides the ad.
/// </summary>
public void HideAd()
{
    if (_nativeOverlayAd != null)
    {
        Debug.Log("Hiding Native Overlay ad.");
        _nativeOverlayAd.Hide();
    }
}

Удаление нативного оверлея

Завершив работу с нативным оверлеем, вызовите метод Destroy(), чтобы освободить ресурсы.

/// <summary>
/// Destroys the native overlay ad.
/// </summary>
public void DestroyAd()
{
    if (_nativeOverlayAd != null)
    {
        Debug.Log("Destroying native overlay ad.");
        _nativeOverlayAd.Destroy();
        _nativeOverlayAd = null;
    }
}