Zum Hauptinhalt springen
@capgo/capacitor-admob E-Commerce Open Source

AdMob Capacitor Plugin

Monetarisiere deine App mit Banner-, Interstitial- und Rewarded Ads von Google AdMob.

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

AdMob in Capacitor nutzen

@capgo/capacitor-admob verwenden

AdMob Plus Plugin zur Anzeige von Google AdMob Ads in Capacitor Apps.

Installieren

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

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

API auf einen Blick

Methode Beschreibung
start Initialisiere und starte das AdMob SDK.
configure Konfiguriere die AdMob-Einstellungen.
configRequest Anzeigenanfrage-Einstellungen konfigurieren.
adCreate Eine neue Anzeigeninstanz erstellen.
adIsLoaded Prüfen, ob eine Anzeige geladen und bereit ist.
adLoad Eine Anzeige laden.
adShow Zeigt eine geladene Anzeige an.
adHide Blendet die aktuell angezeigte Anzeige aus.
trackingAuthorizationStatus Ruft den aktuellen Status der Tracking-Autorisierung ab (nur iOS).
requestTrackingAuthorization Fordert die Tracking-Autorisierung beim Nutzer an (nur iOS).

Beispiele

start()

Initialisiere und starte das AdMob SDK.

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

await AdMob.start();

configure()

Konfiguriere die AdMob-Einstellungen.

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

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

configRequest()

Anzeigenanfragen konfigurieren.

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

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

adCreate()

Eine neue Anzeigeninstanz erstellen.

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

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

adIsLoaded()

Prüfen, ob eine Anzeige geladen und bereit ist.

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

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

adLoad()

Eine Anzeige laden.

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

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

Die obige Tabelle listet die 10 Kernmethoden auf. Listener, Version-Helper und der vollständige Contract jeder Methode sind in der GitHub Repository.

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmountet wird.

Vollständige Referenz

Weiterlesen unter Verwendung von @capgo/capacitor-admob

Wenn du es nutzt @capgo/capacitor-admob verwenden Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-admob für das Implementierungsdetail in @capgo/capacitor-admob, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im 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

AdMob Plugin FAQ

Wie installiere ich das AdMob Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-admob" (oder "npm install @capgo/capacitor-admob") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-admob".

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

Ja. AdMob ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

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

Ja. Der code Quellcode ist auf GitHub unter https://github.com/Cap-go/capacitor-admob/ öffentlich einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit AdMob nutzen und aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

AdMob-Änderungen veröffentlichen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo