Langsung ke konten utama
@capgo/capacitor-admob E-commerce Open source

AdMob plugin Capacitor

Monetisasi aplikasi Anda dengan iklan banner, interstitial, dan rewarded dari Google AdMob

Instal

bun add @capgo/capacitor-admob bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-admob
  • pnpm add @capgo/capacitor-admob
  • yarn add @capgo/capacitor-admob

Panduan

Cara menggunakan AdMob di Capacitor

Menggunakan @capgo/capacitor-admob

Interface plugin AdMob Plus untuk menampilkan iklan Google AdMob di aplikasi Capacitor.

Instal

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { AdMob } from '@capgo/capacitor-admob';

Sekilas tentang API

Metode Deskripsi
start Inisialisasi dan jalankan SDK AdMob.
configure Konfigurasi pengaturan AdMob.
configRequest Konfigurasi pengaturan request iklan.
adCreate Buat instance iklan baru.
adIsLoaded Cek apakah iklan sudah dimuat dan siap ditampilkan.
adLoad Muat iklan.
adShow Tampilkan iklan yang sudah dimuat.
adHide Sembunyikan iklan yang sedang tampil.
trackingAuthorizationStatus Dapatkan status otorisasi tracking saat ini (khusus iOS).
requestTrackingAuthorization Minta otorisasi tracking dari pengguna (khusus iOS).

Contoh

start()

Inisialisasi dan jalankan SDK AdMob.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.start();

configure()

Konfigurasi pengaturan AdMob.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.configure({
  appMuted: false,
  appVolume: 0.5
});

configRequest()

Konfigurasi pengaturan request iklan.

import { AdMob, MaxAdContentRating } from '@capgo/capacitor-admob';

await AdMob.configRequest({
  maxAdContentRating: MaxAdContentRating.PG,
  tagForChildDirectedTreatment: true,
  testDeviceIds: ['test-device-id']
});

adCreate()

Buat instance iklan baru.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.adCreate({
  adUnitId: 'ca-app-pub-3940256099942544/1033173712'
});

adIsLoaded()

Cek apakah iklan sudah dimuat dan siap ditampilkan.

import { AdMob } from '@capgo/capacitor-admob';

const isLoaded = await AdMob.adIsLoaded({ id: 1 });
if (isLoaded) {
  await AdMob.adShow({ id: 1 });
}

adLoad()

Muat sebuah iklan.

import { AdMob } from '@capgo/capacitor-admob';

await AdMob.adLoad({ id: 1 });

Tabel di atas berisi 10 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat screen di-unmount.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-admob

Jika Anda menggunakan Menggunakan @capgo/capacitor-admob untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-admob untuk detail implementasi di @capgo/capacitor-admob, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin AdMob

Bagaimana cara install plugin AdMob di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-admob" (atau "npm install @capgo/capacitor-admob"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-admob" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-admob mendukung React, Vue, dan Angular?

Ya. AdMob adalah paket Capacitor, jadi bisa dipakai dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-admob?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-admob gratis dan open source?

Ya. Kode sumber code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-admob/ dan paketnya gratis diinstal dari npm. Laporan bug dan pull request selalu diterima.

Bisakah saya memperbarui code yang menggunakan AdMob tanpa melalui review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan AdMob tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo