Mulai

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 Ad Manager dan memperoleh pendapatan. Setelah integrasi selesai, Anda dapat memilih format iklan untuk mendapatkan 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

Mengimpor Mobile Ads SDK

Penyiapan khusus platform

Android

Mengupdate AndroidManifest.xml

ID aplikasi Ad Manager harus disertakan di AndroidManifest.xml. Jika hal ini tidak dilakukan, akan terjadi error saat peluncuran aplikasi.

Tambahkan ID aplikasi Ad Manager (yang diidentifikasi di bagian UI Pengelola) ke file android/app/src/main/AndroidManifest.xml aplikasi dengan menambahkan tag <meta-data> beserta namanya com.google.android.gms.ads.APPLICATION_ID. Anda dapat menemukan aplikasi ID di UI Ad Manager. Untuk android:value, sisipkan Iklan Anda sendiri ID aplikasi pengelola 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 di Dart pada kode sumber.

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

iOS

Mengupdate Info.plist Anda

Di file ios/Runner/Info.plist aplikasi Anda, tambahkan kunci GADApplicationIdentifier dengan nilai string Ad Manager ID aplikasi (diidentifikasi di UI Ad Manager):

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

Anda harus meneruskan nilai yang sama saat menginisialisasi plugin di Dart pada kode sumber.

Lihat panduan iOS untuk informasi selengkapnya 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). 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

Mobile Ads SDK kini telah diimpor dan Anda siap menerapkan iklan. Iklan Google Manager menawarkan berbagai format iklan, jadi Anda dapat memilih salah satu yang paling sesuai dengan pengalaman pengguna aplikasi Anda.

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.

Menerapkan iklan Banner

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.

Menerapkan iklan Interstisial

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.

Menerapkan Iklan native

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.

Menerapkan Iklan reward