Реклама при открытии приложения (App Open Ad)

Реклама при открытии приложения — специальный формат рекламы для монетизации экранов загрузки своих приложений. Такие объявления могут быть закрыты в любое время и предназначены для показа, когда пользователи выводят ваше приложение на передний план (foreground), либо при запуске, либо при возврате в него из фонового режима (background).

Это руководство покажет, как интегрировать рекламу при открытии в React Native приложение. В дополнение к примерам кода и инструкции оно содержит рекомендации по использованию данного формата рекламы, а также ссылки на дополнительные ресурсы.

Ограничение

Рекламу при открытии можно разместить только в приложении с вертикальной ориентацией. Для горизонтальной ориентации объявления подбираться не будут.

Внешний вид

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

Пререквизит

Выполните шаги по интеграции Yandex Mobile Ads React Native Plugin, описанные в Быстром старте.
Убедитесь, что используете самую актуальную версию Yandex Mobile Ads React Native Plugin, а в случае использовании медиации — наиболее свежую версию единой сборки.

Термины

Холодный старт — старт приложения, при отсутствии его в оперативной памяти, создание новой сессии приложения.
Горячий старт — перевод приложения из фонового режима (background), когда приложение приостановлено в оперативной памяти, в активный режим (foreground).

Имплементация

Основные шаги по интеграции рекламы при открытии:

Создать загрузчик рекламы AppOpenAdLoader.
Настроить параметры загрузки объявления с помощью AdRequestConfiguration.
Загрузить рекламу AppOpenAd.
Установить функции обратного вызова рекламного объявления.
Подписаться на событие изменения состояния приложения с помощью AppState.addEventListener('change', handleAppStateChange), чтобы показать рекламу во время открытия.
Показать объявление AppOpenAd.

Основные шаги

Создайте загрузчик рекламы AppOpenAdLoader.

let loader = await InterstitialAdLoader.create()
    .catch((error) => {
        // Handle error gracefully
        return;
    });

Настройте параметры загрузки объявления AdRequestConfiguration. Для создания экземпляра класса AdRequestConfiguration вам потребуется идентификатор рекламного места, полученный вами в ПИ (adUnitId).

Вы также можете расширить параметры запроса за рекламой, передав при создании объекта AdRequestConfiguration данные об интересах пользователя, контекстные данные страницы, локацию или другие дополнительные данные. Дополнительные контекстные данные на запросе могут значительно улучшить качество рекламы.
```
let adRequestConfiguration = new AdRequestConfiguration(
    'R-M-XXXXXX-Y', // for debug you can use 'demo-appopenad-yandex'
    '20',
    'context-query',
    ['context-tag'],
    Gender.Female,
    new Location(55.734202, 37.588063)
);
```

Загрузите рекламное объявление, вызвав метод loadAd.

let ad = await loader.loadAd(adRequestConfiguration)
    .then((ad) => {
        // Ad loaded successfully
        return ad;
    })
    .catch((error) => {
        // Handle error gracefully
        return;
    });

Установите функции обратного вызова рекламного объявления.

ad.onAdShown = () => {
    console.log('Did show');
};
ad.onAdFailedToShow = (error) => {
    console.log(`Did fail to show with error: ${JSON.stringify(error)}`);
};
ad.onAdClicked = () => {
    console.log('Did click');
};
ad.onAdDismissed = () => {
    console.log('Did dismiss');
};
ad.onAdImpression = (impressionData) => {
    console.log(`Did track impression: ${JSON.stringify(impressionData)}`);
};

Подпишитесь на событие изменения состояния приложения с помощью AppState.addEventListener('change', handleAppStateChange), чтобы показать рекламу во время открытия.

При изменении состояния приложения на активное, покажите рекламное объявление, вызвав метод show().
```
const handleAppStateChange = (nextAppState: string) => {
    if (nextAppState === 'active') {
        ad.show();
        subscription.remove();
    }
};

const subscription = AppState.addEventListener('change', handleAppStateChange);
```

Особенности подключения рекламы при открытии приложения

Загрузка может занимать продолжительное время, поэтому не стоит увеличивать время холодного старта, если реклама не загрузилась.
Заранее предзагружайте объявление для последующего показа при горячем старте.
Не рекомендуется одновременно загружать рекламу App Open Ad и другие форматы рекламы при старте приложения, так как приложение в этот момент может скачивать необходимые для работы данные. Это может перегрузить устройство и интернет-соединение, делая загрузку рекламы дольше.
Если вы получили ошибку при выполнении метода loadAd, не пытайтесь загрузить новое объявление снова. Если всё же необходимо это сделать, ограничьте число повторных попыток загрузки рекламы. Это поможет избежать постоянных неудачных запросов и проблем с подключением в случае ограничений.

Тестирование интеграции рекламы при открытии

Android

iOS

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

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

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

Демонстрационный adUnitId: demo-appopenad-yandex.

Важно

Убедитесь, что перед выкладыванием приложения в store, вы заменили демонстрационный идентификатор рекламного места на настоящий, полученный в ПИ.

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

Проверка корректной интеграции рекламы

Проверить корректность интеграции рекламы при открытии можно через встроенный в sdk анализатор.

Данный инструмент проверяет корректность подключения рекламы при открытии и выводит в лог подробный отчет. Для просмотра отчета, выполните поиск по ключевому слову "YandexAds" в инструменте отладки Android-приложений Logcat.

adb logcat -v brief '*:S YandexAds'

В случае успешной интеграции, вы увидите следующее сообщение:

adb logcat -v brief '*:S YandexAds'
mobileads$ adb logcat -v brief '*:S YandexAds'
I/YandexAds(13719): [Integration] Ad type App Open Ad was integrated successfully

В случае обнаружения проблем при интеграции рекламы — подробный отчет о проблемах и рекомендации по их устранению.

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

Демонстрационный adUnitId: demo-appopenad-yandex.

Важно

Проверка корректной интеграции рекламы

Проверить корректность интеграции рекламы можно через нативный инструмент Console.

Чтобы получить возможность просматривать расширенные логи, необходимо вызвать метод enableLogging класса YMAMobileAds.

YMAMobileAds.enableLogging()

Для просмотра логов SDK в инструменте Console установите sybsystem = com.yandex.mobile.ads.sdk. Так же вы можете фильтровать логи по категории и по уровню ошибки.

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

Дополнительные ресурсы

Ссылка на github.

Была ли статья полезна?

Реклама с вознаграждением

GDPR

Реклама при открытии приложения (App Open Ad)

Внешний вид

Пререквизит

Термины

Имплементация

Основные шаги

Особенности подключения рекламы при открытии приложения

Тестирование интеграции рекламы при открытии

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

Проверка корректной интеграции рекламы

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

Проверка корректной интеграции рекламы

Рекомендации

Дополнительные ресурсы

Была ли статья полезна?