Баннеры занимают определенное место в макете приложения – в верхней или нижней части экрана устройства. Они остаются на экране, пока пользователь взаимодействует с интерфейсом, и могут автоматически обновляться через определенные промежутки времени. Если вы только начинаете работать с мобильной рекламой, рекомендуем начать именно с них. История успеха.
Требования
- Нажмите Начать.
- (Только для Android) Опыт работы со ссылками JNI
jobject(см. советы по JNI для Android).
Всегда используйте тестовые объявления
При создании и тестировании приложений используйте тестовые объявления, а не реальные. В противном случае ваш аккаунт может быть заблокирован.
Проще всего загрузить тестовые объявления, используя идентификатор тестового рекламного блока для баннеров. Он зависит от платформы устройства:
- Android:
ca-app-pub-3940256099942544/6300978111 - iOS:
ca-app-pub-3940256099942544/2934735716
Эти идентификаторы рекламных блоков специально настроены так, чтобы возвращать тестовые объявления для каждого запроса. Вы можете использовать их в своих приложениях при написании кода, тестировании и отладке. Не забудьте заменить его на идентификатор своего рекламного блока перед публикацией приложения.
Подробнее о том, как работают тестовые объявления Mobile Ads SDK, читайте в статье Тестовые объявления.
Реализация
Настроить AdView
Баннеры показываются в объектах AdView, поэтому сначала нужно создать и разместить объект AdView.
Добавьте в код C++ приложения следующий заголовок:
#include "firebase/gma/ad_view.h"
Объявите и создайте экземпляр объекта
AdView:firebase::gma::AdView* ad_view; ad_view = new firebase::gma::AdView();
Создайте
AdSizeи инициализируйте представление объявления, используя родительское представлениеAdParent. Родительское представление – это ссылка JNIjobjectна AndroidActivityили указатель на iOSUIView, приведенный к типуAdParent:// my_ad_parent is a jobject reference // to an Android Activity or a pointer to an iOS UIView. firebase::gma::AdParent ad_parent = static_cast<firebase::gma::AdParent>(my_ad_parent); firebase::Future
result = ad_view->Initialize(ad_parent, kBannerAdUnit, firebase::gma::AdSize::kBanner); Вместо того чтобы сохранять объект Future в качестве переменной, вы можете периодически проверять статус инициализации, вызывая метод
InitializeLastResult()для объектаAdView. Это может быть полезно для отслеживания процесса инициализации в глобальном игровом цикле.// Monitor the status of the future in your game loop: firebase::Future<void> result = ad_view->InitializeLastResult(); if (result.status() == firebase::kFutureStatusComplete) { // Initialization completed. if(future.error() == firebase::gma::kAdErrorCodeNone) { // Initialization successful. } else { // An error has occurred. } } else { // Initialization on-going. }Подробнее о том, как работать с
firebase::Future, читайте в статье Как использовать Futures для отслеживания статуса выполнения вызовов методов.
Задайте позицию объявления
Вы можете задать положение AdView в любой момент после инициализации:
firebase::Future<void> result = ad_view->SetPosition(firebase::gma::AdView::kPositionTop);
Загрузка объявления
После инициализации AdView можно загрузить объявление:
firebase::gma::AdRequest ad_request;
firebase::Future<firebase::gma::AdResult> load_ad_result = ad_view->LoadAd(my_ad_request);
Объекты AdRequest представляют собой отдельные запросы объявлений и содержат свойства, относящиеся к таким данным, как таргетинг.
Показ объявления
Наконец, покажите объявление на экране, вызвав метод Show(). Этот метод можно вызвать в любой момент после инициализации объявления:
firebase::Future<void> result = ad_view->Show();
События объявлений
В Google Mobile Ads C++ SDK есть класс AdListener, который можно расширить и передать в AdView::SetListener(), чтобы получать уведомления об изменениях состояния просмотра объявления.
Расширять методы в AdListener необязательно, поэтому вы можете реализовать только те методы, которые вам нужны. Ниже приведен пример реализации класса, который расширяет все методы класса AdListener.
class ExampleAdListener : public firebase::gma::AdListener { public: ExampleAdListener() {} void OnAdClicked() override { // This method is invoked when the user clicks the ad. } void OnAdClosed() override { // This method is invoked when the user closes the ad. } void OnAdImpression() override { // This method is invoked when an impression is recorded for an ad. } void OnAdOpened() override { // This method is invoked when an ad opens an overlay that covers the screen. } }; ExampleAdListener* ad_listener = new ExampleAdListener(); ad_view->SetAdListener(ad_listener);
Размеры баннеров
В таблице ниже перечислены стандартные размеры баннеров.
| Размер в пунктах (Ш x В) | Описание | Доступность | Константа firebase::gma::AdSize |
|---|---|---|---|
| 320 x 50 | Баннер | Телефоны и планшеты | kBanner |
| 320 x 100 | Большой баннер | Телефоны и планшеты | kLargeBanner |
| 300 x 250 | Средний прямоугольник (IAB) | Телефоны и планшеты | kMediumRectangle |
| 468 x 60 | Полноразмерный баннер IAB | Планшеты | kFullBanner |
| 728 x 90 | Полноразмерный баннер IAB | Планшеты | kLeaderboard |
| Заданная ширина x Адаптивная высота | Адаптивный баннер | Телефоны и планшеты | Н/Д |
Специальные размеры объявлений
Чтобы задать собственный размер баннера, укажите нужные размеры с помощью конструктора firebase::gma::AdSize с параметрами ширины и высоты, как показано ниже:
firebase::gma::AdSize ad_size(/*width=*/320, /*height=*/50);
Дополнительные ресурсы
Пример на GitHub
- Посмотрите исходный код нашего примера приложения для быстрого запуска на GitHub.