Allez directement au contenu principal
@capgo/capacitor-admob Commerce Open source

AdMob plugin Capacitor

Monétisez votre application avec des publicités AdMob de Google (bannières, interstitielles et récompensées)

Installer

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

Guide

Comment utiliser AdMob dans Capacitor

Utilisation de @capgo/capacitor-admob

Interface du plugin AdMob Plus pour afficher des annonces Google AdMob dans les applications Capacitor.

Installer

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync copie le plugin natif code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

API en un coup d'œil

Méthode Description
start Initialisez et démarrez le SDK AdMob.
configure Configurez les paramètres AdMob.
configRequest Configurez les paramètres de demande publicitaire.
adCreate Créez une nouvelle instance publicitaire.
adIsLoaded Vérifiez si une publicité est chargée et prête à être affichée.
adLoad Load an ad.
adShow Affichez une publicité chargée.
adHide Cacher une publicité affichée actuellement.
trackingAuthorizationStatus Obtenez l'état actuel de l'autorisation de suivi (iOS uniquement).
requestTrackingAuthorization Demandez l'autorisation de suivi à l'utilisateur (iOS uniquement).

Exemples

start()

Initialisez et démarrez l'instance AdMob SDK.

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

await AdMob.start();

configure()

Configurez les paramètres AdMob.

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

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

configRequest()

Configurez les paramètres de demande de publicité.

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

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

adCreate()

Créez une nouvelle instance publicitaire.

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

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

adIsLoaded()

Vérifiez si une publicité est chargée et prête à être affichée.

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 });

La table ci-dessus liste les 10 méthodes de base. Les aides aux listeners et aux versions, ainsi que la pleine convention de chaque méthode, sont documentées dans le GitHub dépôt.

Écouter les événements

addListener renvoie un gestionnaire. Appelez handle.remove() lorsque l'écran est démonté.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-admob

If vous utilisez En utilisant @capgo/capacitor-admob pour planifier le travail de plugin natif, connectez-l’avec @capgo/capacitor-admob pour les détails d'implémentation dans @capgo/capacitor-admob, Prise en main pour les détails d'implémentation dans Prise en main, Répertoire de plugins Capgo pour le flux de travail du produit dans Répertoire de plugins Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans l'ajout ou la mise à jour des plugins.

FAQ

FAQ du plugin AdMob

Comment installer le plugin AdMob dans une application Capacitor ?

Exécutez la commande « bun add @capgo/capacitor-admob » (ou « npm install @capgo/capacitor-admob »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de « @capgo/capacitor-admob » dans votre application code.

Le plugin @capgo/capacitor-admob fonctionne-t-il avec React, Vue et Angular ?

Oui. Le plugin AdMob est un package Capacitor, il fonctionne donc avec tout framework web qui s'exécute dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-admob ?

Capgo plugins suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/capacitor-admob est-il gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-admob/ et le package est gratuit pour l'installer depuis npm. Les rapports de bogues et les demandes de modification sont les bienvenus.

Peut-on mettre à jour code qui utilise AdMob sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin change les natives code, il faut donc une nouvelle build de l'application. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyez les mises à jour AdMob sans attendre l'examen de l'application.

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en direct poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrez avec Capgo