Zum Hauptinhalt springen
@capgo/capacitor-admob Commerce Offene Quelle

AdMob Capacitor-Plugin

Mit Google AdMob Banner-, Interstitial- und Reward-Ads dein App monetarisieren

Installieren

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

Anleitung

Verwenden Sie AdMob in Capacitor

Testen Sie auf Gerät

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-Code code.

AdMob-Plugin-Vorschau-QR code

Verwendung von @capgo/capacitor-admob

AdMob Plus Plugin-Schnittstelle für die Anzeige von Google AdMob-Anzeigen in Capacitor-Apps.

Installieren

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync kopiert die native code-Implementierung des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

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

API im Überblick

Methode Beschreibung
start Initialisiere und starte den AdMob SDK.
configure Konfiguriere AdMob-Einstellungen.
configRequest Konfiguriere Anzeigenanforderungseinstellungen.
adCreate Erstelle eine neue Anzeigeninstanz.
adIsLoaded Überprüfe, ob eine Anzeige geladen und bereit zum Anzeigen ist.
adLoad Lade eine Anzeige.
adShow Zeige eine geladene Anzeige.
adHide Verstecke eine derzeit angezeigte Anzeige.
trackingAuthorizationStatus Erhalte den aktuellen Tracking-Autorisierungsstatus (nur iOS).
requestTrackingAuthorization Bereite die Tracking-Autorisierung des Benutzers vor (nur iOS).

Beispiele

start()

Initialisieren und starten Sie die AdMob SDK.

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

await AdMob.start();

configure()

Konfigurieren Sie die AdMob-Einstellungen.

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

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

configRequest()

Konfigurieren Sie die Einstellungen für die Anzeigenanforderung.

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

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

adCreate()

Erstellen Sie eine neue Anzeigeninstanz.

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

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

adIsLoaded()

Überprüfen Sie, ob eine Anzeige geladen und bereit zum Anzeigen ist.

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

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

adLoad()

Load an ad.

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

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

Die Tabelle oben listet die 10 Kernmethoden auf. Helfer für Listener und Versionen sowie die vollständige Vertragsstruktur jeder Methode sind im Repository GitHub dokumentiert..

Zu Ereignissen hören

addListener gibt einen Handle zurück. Rufen Sie handle.remove() auf, wenn das Bildschirmfenster sich auflöst.

Vollständige Referenz

Fortfahren von Using @capgo/capacitor-admob

Wenn Sie Using verwenden Verwendung von @capgo/capacitor-admob um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-admob zur Implementierungsdetail in @capgo/capacitor-admob, Anleitung zum Starten zur Implementierungsdetail in Anleitung zum Starten, Capgo Plugin-Verzeichnis für das Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren

FAQ

FAQ für den AdMob-Plugin

Wie installiere ich den AdMob-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-admob" (oder "npm install @capgo/capacitor-admob"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-admob" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-admob mit React, Vue und Angular?

Ja. AdMob ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-admob?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrem Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-admob kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-admob/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code mit AdMob aktualisieren, ohne eine App-Store-Bewertung abzuwarten?

Die Installation oder das Upgrade des Plugins ändert die native code, daher ist eine neue App-Store-Build erforderlich. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin-Aufruf enthalten, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe AdMob-Änderungen ohne auf die App-Überprüfung warten zu müssen

Sobald das Plugin in Ihrem Store-Build ist, werden Capgo Live-Updates Ihre JavaScript-, HTML- und CSS-Änderungen in Minuten an die Benutzer pushen.

Start mit Capgo