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

AdMob Plugin Capacitor

Monétisez votre application avec les bannières, interstitiels et annonces récompensées Google AdMob

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

Utiliser @capgo/capacitor-admob

L'interface du plugin AdMob Plus pour afficher des publicités Google AdMob dans les applications Capacitor.

Installer

bun add @capgo/capacitor-admob
bunx cap sync

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

Importer

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

Aperçu de API

Méthode Description
start Initialiser et démarrer le SDK AdMob.
configure Configurer les paramètres AdMob.
configRequest Configurez les paramètres de la requête publicitaire.
adCreate Créez une nouvelle instance de publicité.
adIsLoaded Vérifiez si une publicité est chargée et prête à être affichée.
adLoad Load an ad.
adShow Afficher une annonce chargée.
adHide Masquer une publicité actuellement affichée.
trackingAuthorizationStatus Obtenir le statut actuel de l'autorisation de suivi (iOS uniquement).
requestTrackingAuthorization Demander l'autorisation de suivi à l'utilisateur (iOS uniquement).

Exemples

start()

Initialiser et démarrer le SDK AdMob.

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

await AdMob.start();

configure()

Configurer les paramètres AdMob.

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

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

configRequest()

Configurez les paramètres de la requête publicitaire.

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 de publicité.

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

Le tableau ci-dessus liste les 10 méthodes principales. Les helpers de version et de listener, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.

Écouter les événements

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

Référence complète

Continuer après « Utiliser @capgo/capacitor-admob »

Si vous utilisez Utiliser @capgo/capacitor-admob pour planifier le travail sur les plugins natifs, connectez-l’à @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 Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.

FAQ

FAQ du plugin AdMob

Comment installer le plugin AdMob dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-admob" (ou "npm install @capgo/capacitor-admob"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-admob" dans votre code.

Est-ce que @capgo/capacitor-admob fonctionne avec React, Vue et Angular ?

Oui. AdMob est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-admob ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-admob est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-admob/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant AdMob sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements AdMob sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo