Реклама с вознаграждением — это реклама, с которой пользователи могут взаимодействовать в обмен на вознаграждения в приложении . В этом руководстве показано, как интегрировать рекламу с вознаграждением из AdMob в приложение Flutter.
Всегда тестируйте с помощью тестовых объявлений
При создании и тестировании приложений убедитесь, что вы используете тестовые объявления, а не действующие, рабочие. Несоблюдение этого требования может привести к блокировке вашего аккаунта.
Самый простой способ загрузить тестовые объявления — использовать наш специальный идентификатор тестового рекламного блока для объявлений с вознаграждением:
Андроид
ca-app-pub-3940256099942544/5224354917
iOS
ca-app-pub-3940256099942544/1712485313
Тестовые рекламные блоки настроены на возврат тестовых объявлений по каждому запросу, и вы можете использовать их в своих приложениях при кодировании, тестировании и отладке. Просто убедитесь, что вы заменили их собственными идентификаторами рекламных блоков перед публикацией приложения.
Загрузить объявление
В следующем примере загружается объявление с вознаграждением:
class RewardedExampleState extends State<RewardedExample> { RewardedAd? _rewardedAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/5224354917' : 'ca-app-pub-3940256099942544/1712485313'; /// Loads a rewarded ad. void loadAd() { RewardedAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: RewardedAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _rewardedAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('RewardedAd failed to load: $error'); }, )); } }
Рекламные события с вознаграждением
С помощью FullScreenContentCallback
вы можете прослушивать события жизненного цикла, например, когда объявление отображается или закрывается. Установите RewardedAd.fullScreenContentCallback
перед показом объявления, чтобы получать уведомления об этих событиях. В этом примере реализуется каждый метод и выводится сообщение на консоль:
class RewardedExampleState extends State<RewardedExample> { RewardedAd? _rewardedAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/5224354917' : 'ca-app-pub-3940256099942544/1712485313'; /// Loads a rewarded ad. void loadAd() { RewardedAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: RewardedAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { ad.fullScreenContentCallback = FullScreenContentCallback( // Called when the ad showed the full screen content. onAdShowedFullScreenContent: (ad) {}, // Called when an impression occurs on the ad. onAdImpression: (ad) {}, // Called when the ad failed to show full screen content. onAdFailedToShowFullScreenContent: (ad, err) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when the ad dismissed full screen content. onAdDismissedFullScreenContent: (ad) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when a click is recorded for an ad. onAdClicked: (ad) {}); debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _rewardedAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('RewardedAd failed to load: $error'); }, )); } }
Медийное объявление
RewardedAd
отображается в виде наложения поверх всего содержимого приложения и размещается статически; таким образом, его нельзя добавить в дерево виджетов Flutter. Вы можете выбрать, когда показывать рекламу, вызвав show()
. RewardedAd.show()
принимает OnUserEarnedRewardCallback
, который вызывается, когда пользователь получает вознаграждение. Обязательно реализуйте это и вознаграждайте пользователя за просмотр рекламы.
_rewardedAd.show(onUserEarnedReward: (AdWithoutView ad, RewardItem rewardItem) { // Reward the user for watching an ad. });
После вызова show()
Ad
, отображаемое таким образом, не может быть удалено программно и требует ввода данных пользователем. RewardedAd
может быть показан только один раз. Последующие вызовы show будут запускать onAdFailedToShowFullScreenContent
.
Объявление должно быть удалено, когда доступ к нему больше не нужен. Лучше всего вызывать метод dispose()
в обратных вызовах FullScreenContentCallback.onAdDismissedFullScreenContent
и FullScreenContentCallback.onAdFailedToShowFullScreenContent
.
Вот и все! Теперь ваше приложение готово отображать рекламу с вознаграждением.