Начало работы

Это руководство предназначено для издателей, которые хотят монетизировать приложение Flutter .

Интеграция Google Mobile Ads SDK в приложение Flutter, которую вы сделаете здесь, является первым шагом на пути к показу рекламы AdMob и получению дохода. После завершения интеграции вы сможете выбрать формат объявления, чтобы получить подробные инструкции по реализации.

SDK Google Mobile Ads для Flutter в настоящее время поддерживает загрузку и отображение баннеров, межстраничных (полноэкранных), нативных объявлений и объявлений с вознаграждением.

Предварительные условия

Импортируйте SDK мобильной рекламы

Специфическая настройка платформы

Андроид

Обновить 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.

Внедрите рекламу с вознаграждением

,

Это руководство предназначено для издателей, которые хотят монетизировать приложение Flutter .

Интеграция Google Mobile Ads SDK в приложение Flutter, которую вы сделаете здесь, является первым шагом на пути к показу рекламы AdMob и получению дохода. После завершения интеграции вы сможете выбрать формат объявления, чтобы получить подробные инструкции по реализации.

SDK Google Mobile Ads для Flutter в настоящее время поддерживает загрузку и отображение баннеров, межстраничных (полноэкранных), нативных объявлений и объявлений с вознаграждением.

Предварительные условия

Импортируйте SDK мобильной рекламы

Специфическая настройка платформы

Андроид

Обновить 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.

Внедрите рекламу с вознаграждением

,

Это руководство предназначено для издателей, которые хотят монетизировать приложение Flutter .

Интеграция Google Mobile Ads SDK в приложение Flutter, которую вы сделаете здесь, является первым шагом на пути к показу рекламы AdMob и получению дохода. После завершения интеграции вы сможете выбрать формат объявления, чтобы получить подробные инструкции по реализации.

SDK Google Mobile Ads для Flutter в настоящее время поддерживает загрузку и отображение баннеров, межстраничных (полноэкранных), нативных объявлений и объявлений с вознаграждением.

Предварительные условия

Импортируйте SDK мобильной рекламы

Специфическая настройка платформы

Андроид

Обновить 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.

Внедрите рекламу с вознаграждением