Интеграция Google Mobile Ads SDK в приложение Flutter — это первый шаг к показу рекламы и получению дохода. После интеграции SDK вы можете приступить к внедрению одного или нескольких поддерживаемых форматов рекламы.
Предпосылки
- Flutter 3.27.0 или выше
- андроид
- Последняя версия Android Studio
- iOS
- Последняя версия Xcode с включенными инструментами командной строки
Импортируйте SDK мобильной рекламы
- Включите плагин Google Mobile Ads SDK для Flutter в свой проект Flutter.
Настройка для конкретной платформы
андроид
Обновить AndroidManifest.xml
Идентификатор приложения AdMob должен быть включен в AndroidManifest.xml
. Невыполнение этого требования приведет к сбою при запуске приложения.
Добавьте идентификатор приложения AdMob, как указано в веб-интерфейсе AdMob , в файл android/app/src/main/AndroidManifest.xml
приложения, добавив тег <meta-data>
с именем com.google.android.gms.ads.APPLICATION_ID
. Для android:value
вставьте свой собственный идентификатор приложения в кавычках, как показано:
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Используйте то же value
при инициализации плагина в коде Dart.
Дополнительную информацию о настройке AndroidManifest.xml
и идентификатора приложения см. в руководстве по Android .
iOS
Обновить Info.plist
В файле ios/Runner/Info.plist
вашего приложения добавьте ключ GADApplicationIdentifier
со строковым значением идентификатора вашего приложения AdMob, как указано в веб-интерфейсе AdMob :
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
При инициализации плагина в коде Dart необходимо передать то же значение.
Дополнительную информацию о настройке Info.plist
и идентификатора приложения см. в руководстве по iOS .
Инициализируйте SDK мобильной рекламы
Перед загрузкой рекламы заставьте свое приложение инициализировать Mobile Ads SDK, вызвав MobileAds.instance.initialize()
, который инициализирует SDK и возвращает Future
, который завершается после завершения инициализации или после 30-секундного тайм-аута. Это нужно сделать только один раз, в идеале прямо перед запуском приложения.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Выберите формат рекламы
После импорта Mobile Ads SDK вы готовы внедрить рекламу. AdMob предлагает ряд различных форматов рекламы, поэтому вы можете выбрать тот, который лучше всего подходит для пользовательского опыта вашего приложения.
Баннер
Прямоугольные объявления, которые появляются в верхней или нижней части экрана устройства. Баннерные объявления остаются на экране, пока пользователи взаимодействуют с приложением, и могут автоматически обновляться через определенный промежуток времени. Если вы новичок в мобильной рекламе, они станут отличным местом для начала.
Интерстициальный
Полноэкранные объявления, которые закрывают интерфейс приложения, пока пользователь не закроет их. Лучше всего их использовать в естественных паузах в ходе выполнения приложения, например, между уровнями игры или сразу после завершения задачи.
Внедрите промежуточную рекламу
Родной
Настраиваемые объявления, которые соответствуют внешнему виду и настроению вашего приложения. Вы решаете, как и где они будут размещены, поэтому макет больше соответствует дизайну вашего приложения.
Награжден
Реклама, которая вознаграждает пользователей за просмотр коротких видео и взаимодействие с игровыми объявлениями и опросами. Хорошо подходит для монетизации пользователей free-to-play.
Внедрите рекламу с вознаграждением