Untuk menayangkan iklan dan memperoleh pendapatan, integrasikan Google Mobile Ads Flutter Plugin ke dalam aplikasi Flutter Anda. Untuk menyiapkan project, Anda mengimpor dan menginisialisasi Google Mobile Ads Flutter Plugin sebelum meminta iklan.
Panduan ini mencakup 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 tinggi.
- Untuk Android, versi Android Studio terbaru.
- Untuk iOS, Xcode versi terbaru dengan alat command line yang diaktifkan. Untuk mengetahui detailnya, lihat Menginstal Flutter.
- ID aplikasi AdMob. Untuk mengetahui detailnya, lihat Menemukan dan menyalin ID aplikasi atau ID unit iklan.
Impor 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 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>Properti ini harus memiliki nilai berikut:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: ID aplikasi AdMob 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 AdMob Anda sebagai string.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Untuk mengetahui detail tentang cara menyiapkan file
Info.plist, lihat MemperbaruiInfo.plist.
Lakukan inisialisasi Google Mobile Ads Flutter Plugin
Sebelum memuat iklan, lakukan 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();
Pilih format iklan
Setelah mengimpor Google Mobile Ads Flutter Plugin, Anda dapat memilih format iklan yang akan diterapkan. AdMob menawarkan format iklan berikut:
| Format Iklan | Deskripsi | Dokumentasi |
|---|---|---|
| Banner | Menampilkan iklan persegi panjang di area yang ditentukan. Iklan ini dimuat ulang secara otomatis, 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 pada titik transisi alami, seperti di antara level game. | Iklan interstisial |
| Native | Memungkinkan Anda menyesuaikan aset, seperti judul dan pesan ajakan, di aplikasi. Saat menyesuaikan iklan, Anda membuat iklan yang cocok 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 |
| Pembukaan aplikasi | Muncul saat pengguna membuka atau kembali ke aplikasi Anda. Iklan akan ditempatkan di layar pemuatan. | Iklan di layar pembuka aplikasi |