Panduan ini ditujukan bagi penayang yang ingin memonetisasi Flutter.
Mengintegrasikan Google Mobile Ads SDK ke dalam aplikasi Flutter, yang akan Anda lakukan adalah langkah pertama untuk menampilkan iklan AdMob dan memperoleh pendapatan. Satu kali integrasi selesai, Anda dapat memilih format iklan untuk mendapatkan detail langkah-langkah implementasinya.
Google Mobile Ads SDK untuk Flutter saat ini mendukung pemuatan dan tampilan iklan banner, interstisial (layar penuh), native, dan reward.
Prasyarat
- Flutter 1.22.0 atau yang lebih baru
- Android
- Android Studio 3.2 atau yang lebih baru
- Menargetkan Android API level 20 atau yang lebih tinggi
- Tetapkan
compileSdkVersion
ke 28 atau lebih tinggi
- iOS
- Xcode versi terbaru dengan command line yang diaktifkan alat
- Direkomendasikan: Membuat AdMob akun Google dan daftarkan Android dan/atau aplikasi iOS
Mengimpor Mobile Ads SDK
- Menyertakan Google Mobile Ads SDK untuk Flutter plugin di Flutter Anda proyek.
Penyiapan khusus platform
Android
Mengupdate AndroidManifest.xml
ID aplikasi AdMob harus disertakan di AndroidManifest.xml
. Gagal untuk
sehingga akan menyebabkan
kegagalan saat peluncuran aplikasi.
Tambahkan ID aplikasi AdMob, seperti yang diidentifikasi di web AdMob
antarmuka, ke antarmuka
File android/app/src/main/AndroidManifest.xml
dengan menambahkan tag <meta-data>
dengan nama com.google.android.gms.ads.APPLICATION_ID
. Sebagai
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 di kode Dart.
Lihat panduan Android
untuk informasi selengkapnya
informasi tentang cara mengonfigurasi AndroidManifest.xml
dan menyiapkan aplikasi
ke ID.
iOS
Mengupdate Info.plist
Di file ios/Runner/Info.plist
aplikasi Anda, tambahkan GADApplicationIdentifier
kunci dengan nilai string ID aplikasi AdMob, seperti yang diidentifikasi di web AdMob
:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Anda harus meneruskan nilai yang sama saat menginisialisasi plugin di kode Dart.
Lihat panduan iOS untuk informasi selengkapnya
informasi tentang cara mengonfigurasi Info.plist
dan menyiapkan ID aplikasi Anda.
Menginisialisasi Mobile Ads SDK
Sebelum memuat iklan, minta aplikasi Anda melakukan inisialisasi Mobile Ads SDK dengan memanggil
MobileAds.instance.initialize()
yang melakukan inisialisasi SDK dan menampilkan
Future
yang selesai setelah inisialisasi selesai, atau setelah 30 detik
waktu tunggu habis. Tindakan 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 untuk menerapkan iklan. AdMob menawarkan berbagai format iklan yang berbeda, jadi Anda dapat memilih salah satu yang terbaik sesuai dengan pengalaman pengguna aplikasi Anda.
Banner
Iklan kotak yang muncul di bagian atas atau bawah layar perangkat. Spanduk iklan tetap tampil di layar saat pengguna berinteraksi dengan aplikasi, dan dapat memuat ulang secara otomatis setelah jangka waktu tertentu. Jika Anda baru menggunakan perangkat seluler periklanan, iklan, situs web, dan ini adalah tempat yang baik untuk memulai.
Interstisial
Iklan layar penuh yang menutupi antarmuka aplikasi hingga pengguna menutupnya. VM ini paling baik digunakan pada jeda alami dalam alur eksekusi aplikasi, seperti di antara level game, atau tepat setelah menyelesaikan tugas.
Native
Iklan yang dapat disesuaikan, yang cocok dengan tampilan dan nuansa aplikasi Anda. Anda memutuskan bagaimana dan di mana mereka ditempatkan, sehingga tata letak lebih konsisten dengan desain aplikasi Anda.
Reward
Iklan yang memberikan reward kepada pengguna karena telah menonton video singkat dan berinteraksi dengan game iklan dan survei. Cocok untuk memonetisasi pengguna yang tidak dipungut biaya.