Это руководство предназначено для издателей, которые хотят монетизировать приложение Flutter .
Интеграция Google Mobile Ads SDK в приложение Flutter, которую вы сделаете здесь, является первым шагом на пути к показу рекламы Менеджера рекламы и получению дохода. После завершения интеграции вы сможете выбрать формат объявления, чтобы получить подробные инструкции по реализации.
SDK Google Mobile Ads для Flutter в настоящее время поддерживает загрузку и отображение баннеров, межстраничных (полноэкранных), нативных объявлений и объявлений с вознаграждением.
Предварительные условия
- Флаттер 1.22.0 или выше
- Андроид
- Android Studio 3.2 или выше
- Целевой Android API уровня 20 или выше.
- Установите
compileSdkVersion
значение 28 или выше.
- iOS
- Последняя версия Xcode с включенными инструментами командной строки
Импортируйте SDK мобильной рекламы
- Включите плагин Google Mobile Ads SDK для Flutter в свой проект Flutter.
Специфическая настройка платформы
Андроид
Обновить AndroidManifest.xml
Идентификатор приложения Менеджера рекламы должен быть включен в AndroidManifest.xml
. Невыполнение этого требования приводит к сбою при запуске приложения.
Добавьте идентификатор приложения Менеджера рекламы ( указанный в пользовательском интерфейсе Менеджера рекламы ) в файл android/app/src/main/AndroidManifest.xml
приложения, добавив тег <meta-data>
с именем com.google.android.gms.ads.APPLICATION_ID
. Идентификатор вашего приложения можно найти в пользовательском интерфейсе Менеджера рекламы. Для android:value
вставьте свой собственный идентификатор приложения Менеджера рекламы в кавычках, как показано:
<manifest> <application> <!-- Sample 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
со строковым значением идентификатора вашего приложения Менеджера рекламы ( указанного в пользовательском интерфейсе Менеджера рекламы ):
<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 импортирован, и вы готовы к внедрению рекламы. Менеджер рекламы предлагает множество различных форматов объявлений, поэтому вы можете выбрать тот, который лучше всего соответствует пользовательскому опыту вашего приложения.
Баннер
Прямоугольные объявления, которые появляются вверху или внизу экрана устройства. Рекламные баннеры остаются на экране, пока пользователи взаимодействуют с приложением, и могут автоматически обновляться через определенный период времени. Если вы новичок в мобильной рекламе, это отличное место для начала.
Межстраничный
Полноэкранная реклама, закрывающая интерфейс приложения до тех пор, пока его не закроет пользователь. Их лучше всего использовать в естественных паузах в процессе выполнения приложения, например, между уровнями игры или сразу после завершения задачи.
Внедрите межстраничную рекламу
Родной
Настраиваемые объявления, соответствующие внешнему виду вашего приложения. Вы сами решаете, как и где они будут размещены, чтобы макет больше соответствовал дизайну вашего приложения.
Награжден
Объявления, которые вознаграждают пользователей за просмотр коротких видеороликов и взаимодействие с игровой рекламой и опросами. Подходит для монетизации пользователей free-to-play.