Saltar al contenido principal
@capgo/capacitor-admob Comercio Código abierto

AdMob plugin Capacitor

Monetiza tu app con anuncios banner, intersticiales y recompensados de Google AdMob

Instalar

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

Guía

Cómo usar AdMob en Capacitor

Uso de @capgo/capacitor-admob

Interfaz del plugin AdMob Plus para mostrar anuncios de Google AdMob en apps de Capacitor.

Instalar

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

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

API de un vistazo

Método Descripción
start Inicializa y arranca el SDK de AdMob.
configure Configura los ajustes de AdMob.
configRequest Configura los ajustes de solicitud de anuncios.
adCreate Crea una nueva instancia de anuncio.
adIsLoaded Comprueba si un anuncio está cargado y listo para mostrarse.
adLoad Carga un anuncio.
adShow Muestra un anuncio cargado.
adHide Oculta el anuncio que se muestra actualmente.
trackingAuthorizationStatus Obtiene el estado actual de autorización de rastreo (solo iOS).
requestTrackingAuthorization Solicita autorización de rastreo al usuario (solo iOS).

Ejemplos

start()

Inicializa y arranca el SDK de AdMob.

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

await AdMob.start();

configure()

Configura los ajustes de AdMob.

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

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

configRequest()

Configura los ajustes de solicitud de anuncios.

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

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

adCreate()

Crea una nueva instancia de anuncio.

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

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

adIsLoaded()

Comprueba si un anuncio está cargado y listo para mostrarse.

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

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

adLoad()

Carga un anuncio.

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

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

La tabla anterior enumera los 10 métodos principales. Los helpers de listeners y versiones, y el contrato completo de cada método, están documentados en la repositorio GitHub.

Escuchar eventos

addListener devuelve un handle. Llama handle.remove() cuando la pantalla se desmonta.

Referencia completa

Continuar desde usando @capgo/capacitor-admob

Si estás usando Uso de @capgo/capacitor-admob para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-admob para los detalles de implementación en @capgo/capacitor-admob, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

FAQ del plugin AdMob

¿Cómo instalo el plugin AdMob en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-admob" (o "npm install @capgo/capacitor-admob"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-admob" en el code de tu app.

¿Es compatible @capgo/capacitor-admob con React, Vue y Angular?

Sí. AdMob es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute en Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-admob?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-admob gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-admob/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa AdMob sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de AdMob sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo