Salta al contenuto principale
@capgo/capacitor-admob E-commerce Open source

AdMob Plugin Capacitor

Monetizza la tua app con banner, interstitial e rewarded ads di 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 usare AdMob in Capacitor

Utilizzo di @capgo/capacitor-admob

Interfaccia del plugin AdMob Plus per mostrare annunci Google AdMob nelle app Capacitor.

Installa

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
start Inizializza e avvia l'SDK di AdMob.
configure Configura le impostazioni di AdMob.
configRequest Configura le impostazioni delle richieste pubblicitarie.
adCreate Crea una nuova istanza di annuncio.
adIsLoaded Verifica se un annuncio è caricato e pronto per essere mostrato.
adLoad Carica un annuncio.
adShow Mostra un annuncio caricato.
adHide Nasconde l'annuncio attualmente visualizzato.
trackingAuthorizationStatus Ottiene lo stato attuale dell'autorizzazione al tracciamento (solo iOS).
requestTrackingAuthorization Richiede l'autorizzazione al tracciamento all'utente (solo iOS).

Esempi

start()

Inizializza e avvia SDK di AdMob.

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

await AdMob.start();

configure()

Configura le impostazioni di AdMob.

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

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

configRequest()

Configura le impostazioni delle richieste pubblicitarie.

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

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

adCreate()

Crea una nuova istanza di annuncio.

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

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

adIsLoaded()

Verifica se un annuncio è caricato e pronto per essere mostrato.

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 principali. Listener, helper di versione e il contratto completo di ogni metodo sono documentati in repository GitHub.

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata.

Riferimento completo

Continua da Utilizzo di @capgo/capacitor-admob

Se stai usando Utilizzo di @capgo/capacitor-admob per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-admob per i dettagli di implementazione in @capgo/capacitor-admob, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ sul plugin AdMob

Come installo il plugin AdMob in un'app Capacitor?

Esegui "bun add @capgo/capacitor-admob" (o "npm install @capgo/capacitor-admob"), poi lancia "bunx cap sync" per aggiornare i progetti iOS e Android con le code native. Importalo da "@capgo/capacitor-admob" nel code della tua app.

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

Sì. AdMob è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione su Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-admob?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-admob è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-admob/ e il pacchetto è gratuito su npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa AdMob senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Pubblica modifiche AdMob senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo