Panduan ini ditujukan bagi penayang yang ingin memonetisasi aplikasi Flutter.
Mengintegrasikan Google Mobile Ads SDK ke dalam aplikasi Flutter akan menjadi langkah pertama untuk menampilkan iklan Ad Manager 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 penampilan iklan banner, interstisial (layar penuh), native, dan reward.
Prasyarat
- Flutter 1.22.0 atau yang lebih tinggi
- Android
- Android Studio 3.2 atau yang lebih baru
- Menargetkan Android API level 20 atau yang lebih tinggi
- Setel
compileSdkVersion
ke 28 atau lebih tinggi
- iOS
- Xcode versi terbaru dengan alat command line yang diaktifkan
Mengimpor Mobile Ads SDK
- Sertakan plugin Google Mobile Ads SDK for Flutter di project Flutter Anda.
Penyiapan khusus platform
Android
Mengupdate AndroidManifest.xml
ID aplikasi Ad Manager harus disertakan dalam AndroidManifest.xml
.
Jika tidak dilakukan, aplikasi akan mengalami error saat diluncurkan.
Tambahkan ID aplikasi Ad Manager (yang diidentifikasi di UI
Ad Manager) ke file android/app/src/main/AndroidManifest.xml
aplikasi dengan menambahkan tag <meta-data>
dengan nama
com.google.android.gms.ads.APPLICATION_ID
. Anda dapat menemukan ID aplikasi
di UI Ad Manager. Untuk android:value
, masukkan ID aplikasi Ad
Manager Anda sendiri dalam tanda kutip seperti yang ditunjukkan:
<manifest> <application> <!-- Sample 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 menginisialisasi plugin dalam kode Dart.
Lihat panduan
Android untuk mengetahui informasi selengkapnya tentang cara mengonfigurasi
AndroidManifest.xml
dan menyiapkan ID aplikasi.
iOS
Perbarui Info.plist Anda
Di file ios/Runner/Info.plist
aplikasi, tambahkan
kunci GADApplicationIdentifier
dengan nilai string ID aplikasi
Ad Manager (yang diidentifikasi di
UI Ad Manager):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Anda harus meneruskan nilai yang sama saat menginisialisasi plugin dalam kode Dart.
Lihat panduan iOS untuk mengetahui informasi selengkapnya tentang cara mengonfigurasi Info.plist
dan menyiapkan ID aplikasi Anda.
Menginisialisasi Mobile Ads SDK
Sebelum memuat iklan, aplikasi Anda harus menginisialisasi Mobile Ads SDK dengan memanggil
MobileAds.instance.initialize()
, yang melakukan inisialisasi SDK dan menampilkan
Future
yang selesai setelah inisialisasi selesai (atau setelah waktu tunggu
30 detik). Hal ini perlu dilakukan hanya 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
Mobile Ads SDK kini telah diimpor dan Anda siap untuk menerapkan iklan. Ad Manager menawarkan berbagai format iklan, sehingga Anda dapat memilih salah satu yang paling sesuai dengan pengalaman pengguna aplikasi Anda.
Banner
Iklan kotak yang muncul di bagian atas atau bawah layar perangkat. Iklan banner tetap berada di layar saat pengguna berinteraksi dengan aplikasi, dan dapat dimuat ulang secara otomatis setelah jangka waktu tertentu. Jika Anda baru menggunakan iklan seluler, ini adalah tempat yang tepat untuk memulai.
Interstisial
Iklan layar penuh yang menutupi antarmuka aplikasi hingga pengguna menutupnya. Iklan 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. Cara dan lokasi penentuannya, sehingga tata letaknya lebih konsisten dengan desain aplikasi Anda.
Diberikan sebagai reward
Iklan yang memberikan reward kepada pengguna karena telah menonton video singkat serta berinteraksi dengan survei dan iklan yang dapat dimainkan. Bagus untuk memonetisasi pengguna yang tidak dipungut biaya.