Rozpocznij

Wybierz platformę: Android iOS Unity Flutter

Pierwszym krokiem do wyświetlania reklam i generowania przychodów jest integracja pakietu SDK do reklam mobilnych Google z aplikacją Flutter. Gdy to zrobisz, możesz zaimplementować dowolną liczbę obsługiwanych formatów reklam.

Wymagania wstępne

Importowanie pakietu SDK do reklam mobilnych

Konfiguracja na poszczególnych platformach

Android

Zaktualizuj plik AndroidManifest.xml

AndroidManifest.xml musi zawierać identyfikator aplikacji AdMob. Jeśli tego nie zrobisz, aplikacja ulegnie awarii podczas uruchamiania.

Dodaj identyfikator aplikacji AdMob,który został podany w interfejsie internetowym AdMob, do pliku android/app/src/main/AndroidManifest.xml aplikacji, dodając tag <meta-data> o nazwie com.google.android.gms.ads.APPLICATION_ID. W miejscu wartości android:value wpisz własny identyfikator aplikacji w cudzysłowie, jak pokazano poniżej:

<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>

Użyj tego samego value podczas inicjowania wtyczki w kodzie Darta.

Więcej informacji o konfigurowaniu AndroidManifest.xml i identyfikatora aplikacji znajdziesz w przewodniku po Androidzie.

iOS

Zaktualizuj plik Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj klucz GADApplicationIdentifier z wartością ciągu znaków identyfikatora aplikacji AdMob, który znajduje się w interfejsie internetowym AdMob: 

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Podczas inicjowania wtyczki w kodzie Darta musisz podać tę samą wartość.

Więcej informacji o konfigurowaniu Info.plist i identyfikatora aplikacji znajdziesz w przewodniku po iOS.

Inicjowanie pakietu SDK do reklam mobilnych

Przed wczytaniem reklam aplikacja musi zainicjować pakiet SDK do reklam mobilnych. Aby to zrobić, wywołaj funkcję MobileAds.instance.initialize(), która zainicjuje pakiet SDK i zwróci obiekt Future. Ten ostatni zakończy działanie po zakończeniu inicjowania lub po 30 sekundach bezczynności. Wystarczy zrobić to raz, najlepiej tuż przed uruchomieniem aplikacji.

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.
  }
}

Wybierz format reklamy

Po zaimportowaniu pakietu SDK do reklam mobilnych możesz wdrożyć reklamę. AdMob oferuje różne formaty reklam, więc możesz wybrać ten, który najlepiej pasuje do wrażeń użytkownika w aplikacji.

Prostokątne reklamy wyświetlane u góry lub u dołu ekranu urządzenia. Banery reklamowe pozostają na ekranie, gdy użytkownicy wchodzą w interakcję z aplikacją, i mogą być automatycznie odświeżane po upływie określonego czasu. Jeśli dopiero zaczynasz przygodę z reklamami mobilnymi, warto zacząć od nich.

Wdrażanie banera reklamowego

Pełnoekranowa

reklamy pełnoekranowe, które zakrywają interfejs aplikacji, dopóki użytkownik ich nie zamknie; Najlepiej sprawdzają się w naturalnych przerwach w wykonywaniu aplikacji, np. między poziomami gry lub tuż po wykonaniu zadania.

Wdrażanie reklamy pełnoekranowej

Natywna

Reklamy dostosowane do wyglądu i charakteru aplikacji. Ty decydujesz, jak i gdzie się wyświetlają, więc ich układ jest bardziej spójny z aplikacją.

Implementacja reklamy natywnej

Z nagrodą

Reklamy, które umożliwiają nagradzanie użytkowników za oglądanie krótkich filmów, wchodzenie w interakcje z reklamami demonstracyjnymi gier oraz wypełnianie ankiet. To dobry sposób, aby zarabiać na bezpłatnych grach.

Wdrażanie reklamy z nagrodą