AdMob

Добавление рекламы в проект FlutterFlow — это мощный способ монетизации вашего приложения. FlutterFlow поддерживает интеграцию популярных рекламных платформ, таких как Google AdMob, что позволяет легко добавлять баннеры и межстраничную рекламу в ваши проекты. Это руководство содержит пошаговые инструкции по интеграции рекламы в проект FlutterFlow.

Настройка AdMob

Настройка AdMob включает создание приложений AdMob для Android и iOS, получение ключей приложений и конфигурацию некоторых дополнительных параметров.

1. Создание приложения AdMob

Перейдите на главную страницу AdMob и зарегистрируйтесь с помощью своей учетной записи Google. После входа в систему создайте приложения для Android и iOS, указав необходимые данные, такие как платформа и название приложения.

к сведению

Создайте два приложения AdMob, чтобы отображать рекламу как в версиях для Android, так и для iOS.

2. Добавление ключей в FlutterFlow

Вам необходимо добавить ключи приложений в проект FlutterFlow, чтобы приложение могло взаимодействовать с сервером AdMob.

Для этого получите ключ приложения из настроек приложения AdMob, перейдите в раздел Settings and Integrations в FlutterFlow и добавьте ключи приложений для Android и iOS в настройках интеграции AdMob.

3. Конфигурация дополнительных параметров

Ниже приведены некоторые настройки AdMob (в меню Settings and Integrations), которые может потребоваться настроить в зависимости от вашего приложения и целевой аудитории.

• Show Test Ads: Тестовая реклама — это заглушки, предоставляемые AdMob, которые имитируют реальную рекламу. Чтобы включить тестовую рекламу во время разработки, активируйте этот параметр. Это позволит кликать по рекламе без списания средств с рекламодателей Google и предотвратит блокировку вашей учетной записи за недопустимую активность. Когда приложение будет готово к выпуску, вы сможете отключить эту настройку, чтобы показывать реальную рекламу.

• Show GDPR Consent Dialog at App Launch: Чтобы отображать диалог согласия с GDPR для пользователей из Европейского Союза (ЕС), включите этот параметр. Обратите внимание, что диалог появится только если пользователь из ЕС и вы создали сообщение о европейских регуляциях.

• Child-Directed Settings: Чтобы указать, что ваш контент предназначен для детей, включите этот параметр. Это обеспечит, что Google будет рассматривать ваш контент как ориентированный на детей при запросах рекламы.

• Users Under the Age of Consent: Эта настройка позволяет соблюдать правила конфиденциальности для пользователей из Европейской экономической зоны (ЕЭЗ), не достигших возраста согласия. Она гарантирует правильную обработку запросов рекламы, ограничивая сбор данных и таргетинг в соответствии с законодательством. Это важно для защиты конфиденциальности пользователей и избежания штрафов за несоблюдение.

• Ad Content Filtering: Чтобы фильтровать тип отображаемой рекламы, выберите соответствующий рейтинг контента. AdMob обеспечит, чтобы реклама, возвращаемая для этих запросов, имела рейтинг контента не выше выбранного уровня.

  Доступные уровни:

  • G (General Audience): Подходит для всех аудиторий, без взрослого контента или откровенных тем.
  • PG (Parental Guidance): Реклама может содержать мягкий контент, подходящий для детей под родительским контролем.
  • T (Teen): Реклама с контентом, подходящим для подростков; может включать некоторые зрелые темы.
  • MA (Mature Audience): Реклама для взрослых, которая может включать сильные темы или откровенный контент.

После завершения настройки вы сможете начать отображать баннеры AdBanner или межстраничную рекламу в приложении.

AdBanner

Виджет AdBanner отображает рекламные баннеры в приложении. Он может содержать текст, изображения и расширенные медиа, включая видеорекламу.

Пример виджета AdBanner с тестовой рекламой:

Чтобы отобразить AdBanner из AdMob, выполните следующие шаги:

Добавление виджета AdBanner

Сначала добавьте виджет AdBanner из раздела Base Elements. Затем создайте новый блок баннерной рекламы в AdMob и скопируйте его unit ID в FlutterFlow. Ad unit ID — это уникальный идентификатор, присваиваемый каждой созданной в AdMob рекламе.

к сведению

По умолчанию баннеры рекламы имеют размер 100 (ширина) x 50 (высота).

подсказка

Во время разработки чрезмерное количество кликов по рекламе может привести к блокировке учетной записи AdMob за недопустимую активность. Чтобы избежать этого, рекомендуется включить Test Ads во время разработки.

Тестирование AdBanner

Рекламу нельзя тестировать в режимах Test или Run. Тестирование возможно только на реальном устройстве или эмуляторе. Для этого используйте локальный запуск или скачайте код и запустите его в вашей IDE.

Interstitial Ad

Межстраничная реклама — это полноэкранная реклама, которая появляется в естественных переходах или паузах в приложении, например, при переключении между страницами. В отличие от баннерной рекламы, которая остается на экране во время взаимодействия пользователя с приложением, межстраничная реклама показывается в ключевые моменты и предназначена для закрытия перед тем, как пользователь сможет продолжить. Она обычно поддерживает несколько форматов, включая:

• Изображения
• Видео
• Расширенные медиа (интерактивная реклама)

Чтобы отобразить межстраничную рекламу в FlutterFlow, используйте действия Load Interstitial Ad и Show Interstitial Ad вместе. Вот как это работает:

Сначала загрузите рекламу с помощью действия Load Interstitial Ad, затем отобразите ее с помощью действия Show Interstitial Ad. После показа рекламы пользователь может взаимодействовать с ней или закрыть. После закрытия рекламу нельзя показать снова, поэтому потребуется загрузить новую. Новая загруженная реклама будет готова к показу при следующем вызове действия Show Interstitial Ad.

warning

Обеспечьте достаточное время между вызовом Load Interstitial Ad и Show Interstitial Ad, чтобы реклама полностью загрузилась. Поскольку загрузка может занять некоторое время, рекомендуется загружать рекламу заранее, чтобы избежать проблем с отображением. Например, если вы хотите показать рекламу при нажатии на виджет, загрузите ее сразу при загрузке страницы. Если реклама не загрузится вовремя, она не будет отображена.

Рассмотрим пример отображения межстраничной рекламы при переходе на следующую страницу:

На первой странице запустите действие Load Interstitial Ad сразу при загрузке страницы. Затем при нажатии на виджет добавьте действие Show Interstitial Ad. Результат закрытия рекламы сохранится в переменной interstitialAdSuccess. Если это значение true (реклама закрыта), вы можете загрузить новую рекламу и перейти на следующую страницу.

Вот пошаговые инструкции:

Получение Ad Unit ID

Ad Unit ID — это уникальный идентификатор, присваиваемый каждой рекламе в AdMob. Вы можете получить его, создав новый блок межстраничной рекламы в учетной записи AdMob. Этот ID потребуется при загрузке рекламы.

Чтобы получить Ad unit ID, перейдите в панель AdMob, выберите приложение в разделе Apps и создайте блок Interstitial в разделе Ad units, следуя инструкциям. После создания скопируйте Ad unit ID и повторите процесс для версии iOS, если необходимо.

Загрузка рекламы при загрузке страницы

Всегда загружайте рекламу заранее до того, как планируете ее показать. Это обеспечит достаточно времени для полной загрузки контента рекламы, будь то изображение или видео, перед отображением. Лучшее место для этого — событие On Page Load.

Чтобы загрузить рекламу при загрузке страницы, выберите страницу, добавьте триггер действия On Page Load и установите действие Load Interstitial Ad. Введите Ad Unit ID для iOS и Android, полученные в шаге 1.

подсказка

Во время разработки чрезмерное количество кликов по рекламе может привести к блокировке учетной записи AdMob за недопустимую активность. Чтобы избежать этого, рекомендуется включить Test Ads во время разработки.

Отображение межстраничной рекламы

Теперь вы можете отобразить рекламу с помощью действия Show Interstitial Ad. Это действие возвращает interstitialAdSuccess (как выходную переменную действия), которую можно использовать для проверки, закрыл ли пользователь рекламу. Если реклама закрыта, загрузите новую и перейдите на следующую страницу.

Рекомендации по использованию

Чтобы максимизировать эффективность рекламы AdMob в приложении, сохраняя положительный пользовательский опыт и соблюдая политики AdMob, следуйте этим общим рекомендациям:

• Используйте тестовую рекламу во время разработки: Всегда включайте тестовую рекламу во время разработки, чтобы избежать недопустимого трафика и защитить учетную запись AdMob от блокировки или запрета.
• Соблюдайте политики AdMob: Строго придерживайтесь рекомендаций AdMob по размещению, частоте и взаимодействию с рекламой. Это включает избежание случайных кликов и обеспечение того, чтобы реклама не была слишком навязчивой. Подробнее о политиках и ограничениях AdMob.
• Уважайте конфиденциальность пользователей: Соблюдайте правила защиты данных (например, GDPR, CCPA) и предоставляйте пользователям контроль над предпочтениями рекламы, интегрируя опции конфиденциальности. Подробнее о конфиденциальности и согласии в AdMob

Рекомендации по AdBanner

• Стратегическое размещение: Размещайте виджеты AdBanner в ненавязчивых областях приложения, например, внизу или вверху экрана, чтобы они не мешали взаимодействию пользователя с основным контентом приложения. Подробнее о руководстве по размещению баннерной рекламы.
• Избегайте кликбейта: Убедитесь, что баннерная реклама не сливается с контентом приложения. Пользователи должны легко различать рекламу и контент приложения, чтобы избежать случайных кликов.

Рекомендации по межстраничной рекламе

• Загрузка рекламы заранее: Межстраничную рекламу следует загружать до необходимости показа, обычно в фоновом режиме, чтобы избежать задержек при отображении.
• Отображение в подходящее время: Убеждайтесь, что реклама показывается в естественных точках перехода. Показ рекламы посреди активности может нарушить пользовательский опыт.
• Контроль частоты: Чрезмерное использование межстраничной рекламы может привести к негативному пользовательскому опыту. Рекомендуется показывать ее умеренно и в подходящие моменты.
• Тестирование перед выпуском: Используйте тестовую рекламу во время разработки, чтобы убедиться в правильности реализации и избежать случайных недопустимых взаимодействий с рекламой, которые могут привести к блокировке учетной записи AdMob.