Saltar al contenido principal
@capgo/capacitor-admob Comercio Fuente abierta

AdMob plugin de Capacitor

Monetize your app with Google AdMob banner, interstitial, and rewarded ads

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 utilizar AdMob en Capacitor

Usando @capgo/capacitor-admob

Interface del plugin AdMob Plus para mostrar anuncios de Google AdMob en aplicaciones Capacitor.

Instalar

bun add @capgo/capacitor-admob
bunx cap sync

bunx cap sync Copia el plugin nativo code en tus proyectos nativos. Correlo de nuevo después de cada actualización del plugin.

Importar

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

API en resumen

Método Descripción
start Inicializar y iniciar el SDK de AdMob.
configure Configurar ajustes de AdMob.
configRequest Configurar ajustes de solicitud de anuncios.
adCreate Crear una nueva instancia de anuncio.
adIsLoaded Comprobar si un anuncio está cargado y listo para ser mostrado.
adLoad Cargar un anuncio.
adShow Mostrar un anuncio cargado.
adHide Ocultar un anuncio actualmente mostrado.
trackingAuthorizationStatus Obtener el estado actual de autorización de seguimiento (solo iOS).
requestTrackingAuthorization Solicitar autorización de seguimiento al usuario (solo iOS).

Ejemplos

start()

Inicializar y arrancar el AdMob SDK.

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

await AdMob.start();

configure()

Configurar ajustes de AdMob.

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

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

configRequest()

Configurar 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()

Crear una nueva instancia de anuncio.

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

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

adIsLoaded()

Verificar si un anuncio está cargado y listo para ser mostrado.

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

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

adLoad()

Cargar un anuncio.

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

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

La tabla anterior muestra los 10 métodos básicos. Los ayudantes de escucha y versión, y el contrato completo de cada método, se documentan en el GitHub repositorio.

Escuchar eventos

addListener devuelve un manejador. Llamar a handle.remove() cuando la pantalla se desmonte.

Referencia completa

Continuar desde Usando @capgo/capacitor-admob

Si estás utilizando Usando @capgo/capacitor-admob para planificar el trabajo de plugin nativo, conecte con @capgo/capacitor-admob para obtener detalles de implementación en @capgo/capacitor-admob, Inicio rápido para obtener detalles de implementación en Inicio rápido, Directorio de plugins de Capgo para el flujo de trabajo del producto en el directorio de plugins Capgo Plugins de Capacitor por Capgo para obtener detalles de implementación en Plugins de Capacitor por Capgo, y Agregar o actualizar plugins para los detalles de implementación en la adición o actualización de plugins.

FAQ

FAQ del plugin AdMob

Cómo instalar el plugin AdMob en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-admob" (o "npm install @capgo/capacitor-admob"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen los nativos code. Importa desde "@capgo/capacitor-admob" en tu aplicación code.

¿Funciona @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 dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-admob?

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

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

Sí. El código fuente code está disponible públicamente en GitHub en https://github.com/Cap-go/capacitor-admob/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza AdMob sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia los nativos code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios de AdMob sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comience con Capgo