Untuk menayangkan iklan dan memperoleh pendapatan, integrasikan Google Mobile Ads Flutter Plugin ke dalam aplikasi Flutter Anda. Untuk menyiapkan project, Anda harus mengimpor dan menginisialisasi Google Mobile Ads Flutter Plugin sebelum meminta iklan.
Panduan ini membahas cara mengimpor dan menginisialisasi Google Mobile Ads Flutter Plugin, serta memilih format iklan.
Prasyarat
Sebelum melanjutkan, Anda memerlukan hal berikut:
- Flutter versi 3.38.1 atau yang lebih baru.
- Untuk Android, Android Studio versi terbaru.
- Untuk iOS, Xcode versi terbaru dengan alat command line yang diaktifkan. Untuk mengetahui detailnya, lihat Menginstal Flutter.
- ID aplikasi Ad Manager. Untuk mengetahui detailnya, lihat Menemukan ID aplikasi atau ID unit iklan.
Mengimpor Google Mobile Ads Flutter Plugin
Untuk mengimpor Google Mobile Ads Flutter Plugin di project Flutter Anda, lihat google_mobile_ads.
Mengonfigurasi aplikasi Anda
Setelah mengimpor Google Mobile Ads Flutter Plugin, pilih salah satu platform berikut untuk mengonfigurasi aplikasi Anda:
Android
Di Android Studio, buka file
android/app/src/main/AndroidManifest.xml.Di file
AndroidManifest.xml, tambahkan tag<meta-data>ke tag<application>dengan properti berikut:<manifest> <application> <!-- Sample Ad Manager 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>Properti ini harus memiliki nilai berikut:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: ID aplikasi Ad Manager Anda.
Untuk mengetahui detail tentang cara menyiapkan file
AndroidManifest.xml, lihat Menyiapkan Google Mobile Ads SDK (Legacy).
iOS
- Di Xcode, buka file
ios/Runner/Info.plist. Di file
Info.plist, tambahkan kunciGADApplicationIdentifierdengan ID aplikasi Ad Manager Anda sebagai string.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Untuk mengetahui detail tentang cara menyiapkan file
Info.plist, lihat MengupdateInfo.plist.
Menginisialisasi Google Mobile Ads Flutter Plugin
Sebelum memuat iklan, inisialisasi Google Mobile Ads Flutter Plugin dengan memanggil
MobileAds.instance.initialize().
Metode ini menampilkan Future yang selesai setelah Google Mobile Ads Flutter Plugin diinisialisasi,
atau setelah 30 detik.
Contoh berikut menginisialisasi Google Mobile Ads Flutter Plugin:
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Memilih format iklan
Setelah mengimpor Google Mobile Ads Flutter Plugin, Anda dapat memilih format iklan untuk diimplementasikan. Ad Manager menawarkan format iklan berikut:
| Format iklan | Deskripsi | Dokumentasi |
|---|---|---|
| Banner | Menampilkan iklan persegi panjang di area yang ditentukan. Iklan ini otomatis diupdate, sehingga pengguna dapat melihat iklan sambil tetap berada di layar yang sama. | Menyiapkan iklan banner |
| Interstisial | Menampilkan iklan satu halaman penuh di aplikasi Anda. Tempatkan iklan ini di titik transisi yang alami, seperti di antara level game. | Iklan interstisial |
| Native | Memungkinkan Anda menyesuaikan aset, seperti judul dan pesan ajakan, di aplikasi Anda. Saat menyesuaikan iklan, Anda membuat iklan yang sesuai dengan desain visual aplikasi Anda. | Memuat iklan native |
| Reward | Memungkinkan pengguna menonton video atau mengikuti survei untuk mendapatkan reward dalam aplikasi, seperti koin atau nyawa tambahan. Untuk setiap unit iklan, Anda dapat menentukan nilai reward. | Iklan reward |
| Interstisial reward | Memungkinkan Anda menawarkan reward, seperti koin atau nyawa tambahan, untuk iklan yang muncul selama transisi aplikasi. | Iklan interstisial reward |
| Layar pembuka aplikasi | Muncul saat pengguna membuka atau kembali ke aplikasi Anda. Iklan ini dihamparkan di atas layar pemuatan. | Iklan di layar pembuka aplikasi |