Это руководство предназначено для издателей, которые хотят монетизировать приложение Flutter .
Интеграция Google Mobile Ads SDK в приложение Flutter, которую вы сделаете здесь, является первым шагом на пути к показу рекламы AdMob и получению дохода. После завершения интеграции вы сможете выбрать формат объявления, чтобы получить подробные инструкции по реализации.
SDK Google Mobile Ads для Flutter в настоящее время поддерживает загрузку и отображение баннеров, межстраничных (полноэкранных), нативных объявлений и объявлений с вознаграждением.
Предварительные условия
- Флаттер 1.22.0 или выше
- Андроид
- Android Studio 3.2 или выше
- Целевой Android API уровня 20 или выше
- Установите для
compileSdkVersion
значение 28 или выше.
- iOS
- Последняя версия Xcode с включенными инструментами командной строки
- Рекомендуется: создайте учетную запись AdMob и зарегистрируйте приложение для Android и/или iOS.
Импортируйте 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
вставьте свой собственный идентификатор приложения AdMob в кавычках, как показано:
<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.