Saltare al contenuto principale
@capgo/capacitor-admob Commercio Sorgente aperta

AdMob Plugin Capacitor

Monetizza il tuo app con banner, interstiziari e ricompense Google AdMob

Installa

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

Guida

Come utilizzare AdMob in Capacitor

Testa su dispositivo

Scarica l'app Capgo, poi scansione il codice QR code.

Collegamento QR di anteprima del plugin AdMob code

Utilizza @capgo/capacitor-admob

Interfaccia del plugin AdMob Plus per la visualizzazione degli annunci AdMob di Google nei Capacitor app.

Installa

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync copia il plugin nativo code nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

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

Vista d'insieme di API

Metodo Description
start Inizializza e avvia l'annuncio SDK.
configure Configura le impostazioni AdMob.
configRequest Configura le impostazioni della richiesta pubblicitaria.
adCreate Crea un nuovo oggetto pubblicitario.
adIsLoaded Controlla se un annuncio è caricato e pronto per essere visualizzato.
adLoad Carica un annuncio.
adShow Mostra un annuncio caricato.
adHide Nascondi un annuncio attualmente visualizzato.
trackingAuthorizationStatus Ottieni lo stato di autorizzazione di tracciamento corrente (solo iOS).
requestTrackingAuthorization Richiedi l'autorizzazione di tracciamento all'utente (solo iOS).

Esempi

start()

Inizializza e avvia l'annuncio AdMob SDK.

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

await AdMob.start();

configure()

Configura le impostazioni AdMob.

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

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

configRequest()

Configura le impostazioni della richiesta pubblicitaria.

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

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

adCreate()

Crea un nuovo oggetto pubblicitario.

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

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

adIsLoaded()

Controlla se un annuncio è caricato e pronto per essere visualizzato.

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

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

adLoad()

Carica un annuncio.

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

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

La tabella sopra elenca i 10 metodi di base. Gli ascoltatori e gli aiuti di versione, e il contratto completo di ogni metodo, sono documentati nel repository GitHub.

Ascolta gli eventi

addListener ritorna un handle. Chiama handle.remove() quando lo schermo viene smontato.

Riferimento completo

Continua con l'uso di @capgo/capacitor-admob

Se stai utilizzando L'uso di @capgo/capacitor-admob per pianificare il lavoro dei plugin nativi, connettilo con @capgo/capacitor-admob per i dettagli di implementazione in @capgo/capacitor-admob Getting Started per i dettagli di implementazione in Iniziare Capgo Directory dei Plugin per il workflow del prodotto nella Capgo Directory dei Plugin Capacitor Plugin da Capgo per i dettagli di implementazione nella Capacitor Plugin da Capgo, e Aggiungere o Aggiornare i Plugin per i dettagli di implementazione in Aggiungere o Aggiornare i Plugin.

FAQ

Domande frequenti per il plugin AdMob

Come installare il plugin AdMob in un'app Capacitor?

Esegui "bun add @capgo/capacitor-admob" (o "npm install @capgo/capacitor-admob"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino le risorse native code. Importa il modulo da "@capgo/capacitor-admob" nella tua app code.

Funziona @capgo/capacitor-admob con React, Vue e Angular?

Sì. AdMob è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione di Capacitor supportata da @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.

È gratuito e open source @capgo/capacitor-admob?

Yes. Il code di origine è pubblico su GitHub a https://github.com/Cap-go/capacitor-admob/ e il pacchetto è gratuito per l'installazione da npm.

Posso aggiornare il code che utilizza AdMob senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo code, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con gli aggiornamenti live Capgo.

Invia le modifiche di AdMob senza attendere la revisione dell'app

Una volta che il plugin è stato aggiunto al tuo store, le Capgo live updates inviano le modifiche JavaScript, HTML e CSS ai tuoi utenti in pochi minuti.

Inizia con Capgo