Lompat ke konten utama
@capgo/capacitor-admob Komersial Terbuka

AdMob Plugin Capacitor

Menghasilkan Uang Aplikasi Anda dengan Google AdMob banner, interstitial, dan rewarded iklan

Install

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

Uji coba di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin AdMob code

Menggunakan @capgo/capacitor-admob

Antarmuka Plugin AdMob Plus untuk menampilkan iklan Google AdMob di aplikasi Capacitor.

Pasang

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync Menggandakan kode native plugin code ke proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

Panduan API

Metode Deskripsi
start Mulai dan jalankan iklan AdMob SDK.
configure Konfigurasi pengaturan AdMob.
configRequest Konfigurasi pengaturan permintaan iklan.
adCreate Buat instance iklan baru.
adIsLoaded Cek apakah iklan telah dimuat dan siap ditampilkan.
adLoad Muat iklan.
adShow Tampilkan iklan yang telah dimuat.
adHide Sembunyikan iklan yang sedang ditampilkan.
trackingAuthorizationStatus Dapatkan status izin pelacakan saat ini (hanya untuk iOS).
requestTrackingAuthorization Minta izin pelacakan dari pengguna (hanya untuk iOS).

Contoh-Contoh

start()

Inisialisasi dan mulai iklan AdMob SDK.

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 permintaan 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()

Periksa jika iklan telah 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 iklan.

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

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

Tabel di atas menampilkan 10 metode inti. Pembantu pemanggil dan versi, serta kontrak lengkap setiap metode, dapat dilihat di repository __CAPGO_KEEP_0__. Repositori GitHub.

Mengembalikan handle. Panggil

addListener ketika layar dihapus. handle.remove() ketika layar dihapus.

__CAPGO_KEEP_0__

Teruskan dari Menggunakan @capgo/capacitor-admob

Jika Anda menggunakan Menggunakan @capgo/capacitor-admob Untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-admob untuk detail implementasi di @capgo/capacitor-admob Mulai Menggunakan untuk detail implementasi di Berikut Capgo Direktori Plugin untuk alur kerja produk di Direktori Plugin Capgo Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.

FAQ

FAQ Plugin AdMob

Bagaimana cara saya menginstal plugin AdMob di aplikasi Capacitor saya?

Run "bun add @capgo/capacitor-admob" (or "npm install @capgo/capacitor-admob"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-admob" in your app code.

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

Yes. AdMob is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Apa versi Capacitor yang didukung oleh @capgo/capacitor-admob?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Apakah @capgo/capacitor-admob gratis dan terbuka sumber?

Ya. Sumber code ini terbuka di GitHub di https://github.com/Cap-go/capacitor-admob/ dan paket ini gratis untuk diinstal dari npm.

Apakah saya bisa memperbarui code yang menggunakan AdMob tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin ini mengubah native code, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin ini bisa dikirimkan langsung dengan Capgo live updates.

Kirim perubahan AdMob tanpa menunggu tinjauan aplikasi.

Once the plugin is in your store build, Capgo live updates push your JavaScript, HTML and CSS changes to users in minutes.

Mulai dengan Capgo