Memulai

Panduan ini ditujukan untuk penayang yang ingin memonetisasi aplikasi Flutter.

Mengintegrasikan Google Mobile Ads SDK ke dalam aplikasi Flutter, yang akan Anda lakukan di sini, adalah langkah pertama untuk menampilkan iklan AdMob dan memperoleh pendapatan. Setelah integrasi selesai, Anda dapat memilih format iklan untuk mendapatkan langkah-langkah penerapan yang mendetail.

Google Mobile Ads SDK untuk Flutter saat ini mendukung pemuatan dan tampilan banner, interstisial (layar penuh), native, dan iklan reward.

Prasyarat

Mengimpor Mobile Ads SDK

Penyiapan khusus platform

Android

Mengupdate AndroidManifest.xml

ID aplikasi AdMob harus disertakan dalam AndroidManifest.xml. Jika tidak dilakukan, error akan terjadi saat peluncuran aplikasi.

Tambahkan ID aplikasi AdMob, seperti yang diidentifikasi di antarmuka web AdMob, ke file android/app/src/main/AndroidManifest.xml aplikasi dengan menambahkan tag <meta-data> dengan nama com.google.android.gms.ads.APPLICATION_ID. Untuk android:value, masukkan ID aplikasi AdMob Anda sendiri dalam tanda kutip seperti yang ditunjukkan:

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

Gunakan value yang sama saat Anda melakukan inisialisasi plugin dalam kode Dart.

Lihat panduan Android untuk mengetahui informasi selengkapnya tentang cara mengonfigurasi AndroidManifest.xml dan menyiapkan ID aplikasi.

iOS

Memperbarui Info.plist

Di file ios/Runner/Info.plist aplikasi Anda, tambahkan kunci GADApplicationIdentifier dengan nilai string ID aplikasi AdMob, seperti yang diidentifikasi di antarmuka web AdMob:

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

Anda harus meneruskan nilai yang sama saat melakukan inisialisasi plugin dalam kode Dart.

Lihat panduan iOS untuk mengetahui informasi selengkapnya tentang cara mengonfigurasi Info.plist dan menyiapkan ID aplikasi Anda.

Melakukan inisialisasi Mobile Ads SDK

Sebelum memuat iklan, aplikasi harus menginisialisasi Mobile Ads SDK dengan memanggil MobileAds.instance.initialize() yang menginisialisasi SDK dan menampilkan Future yang selesai setelah inisialisasi selesai, atau setelah waktu tunggu 30 detik. Langkah ini hanya perlu dilakukan sekali, idealnya tepat sebelum menjalankan aplikasi.

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

Pilih format iklan

Setelah Mobile Ads SDK diimpor, Anda siap menerapkan iklan. AdMob menawarkan berbagai format iklan yang berbeda, sehingga Anda dapat memilih format yang paling sesuai dengan pengalaman pengguna aplikasi Anda.

Iklan persegi panjang yang muncul di bagian atas atau bawah layar perangkat. Iklan banner tetap ditampilkan di layar saat pengguna berinteraksi dengan aplikasi, dan dapat dimuat ulang secara otomatis setelah jangka waktu tertentu. Jika periklanan seluler merupakan hal yang baru bagi Anda, iklan Banner adalah pilihan pertama yang baik.

Menerapkan iklan Banner

Interstisial

Iklan layar penuh yang menutupi antarmuka aplikasi hingga pengguna menutupnya. Iklan ini paling cocok digunakan saat jeda alami dalam alur eksekusi aplikasi, seperti di sela-sela level game atau tepat setelah menyelesaikan suatu tugas.

Menerapkan iklan Interstisial

Native

Iklan yang dapat disesuaikan, yang cocok dengan tampilan dan nuansa aplikasi Anda. Anda menentukan cara dan lokasi penempatannya, sehingga tata letaknya lebih konsisten dengan desain aplikasi Anda.

Menerapkan iklan Native

Reward

Iklan yang memberikan reward kepada pengguna karena telah menonton video singkat serta berinteraksi dengan survei dan iklan yang dapat dimainkan. Cocok untuk memonetisasi pengguna yang tidak dipungut biaya.

Menerapkan Iklan reward