Generalidades

Agregue anuncios a su aplicación de Android Ionic React | Autor: Matthias Hild | Junio ​​de 2021

Para implementar el código, debe prestar atención a dos valores:

Para instalar el complemento de AdMob, vaya a su proyecto Ionic e ingrese:

npm i @capacitor-community/admob

Para administrar todo lo relacionado con la publicidad, creé un archivo llamado admob.ts en algún lugar de él. /fuente Tabla de contenido. Busque la mejor opción para esta lógica.Yo suelo crear un / Fuente / varios Carpetas como esta. En este archivo crearemos:

  • Un controlador onChange (para que podamos ajustar los márgenes del anuncio)
  • Constante para cambiar prueba a Produce
import 
AdMob,
AdMobBannerSize,
BannerAdOptions,
BannerAdPluginEvents,
BannerAdPosition,
BannerAdSize,
from '@capacitor-community/admob'
const testing = false
export function onAdSizeChange(handler: (height: number) => void) 
AdMob.addListener(
BannerAdPluginEvents.SizeChanged,
(size: AdMobBannerSize) => handler(size.height)
)
export async function insertAd() 
await AdMob.initialize(
initializeForTesting: testing,
)
const options: BannerAdOptions =
adId: 'ca-app-pub-00000000/00000000',
adSize: BannerAdSize.ADAPTIVE_BANNER,
position: BannerAdPosition.TOP_CENTER,
margin: 0,
isTesting: testing,
await AdMob.showBanner(options)
export declare enum BannerAdSize 50
// inside App()
[...]
useEffect(() =>
onAdSizeChange(height =>
// keep reading
)

insertAd()
, [])
[...]

export default function App() 
const [adHeight, setAdHeight] = useState<number>(0)
useEffect(() =>
onAdSizeChange(height => setAdHeight(height))
insertAd()
, [])

return (
<IonApp style=paddingTop: adHeight>
[...]
</IonApp>
)

Ahora crearemos el proyecto de Android y registraremos el complemento de AdMob. Pero primero, debe asegurarse de que Android Studio esté instalado. Después de eso, necesitamos instalar el módulo Capacitor para crear una aplicación de Android:

npm i @capacitor/android
npx cap add android
ionic build
npx cap sync android
package your.package.name.here;
import android.os.Bundle;
import com.getcapacitor.BridgeActivity;
public class MainActivity extends BridgeActivity
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
registerPlugin(com.getcapacitor.community.admob.AdMob.class);

}
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-00000000~00000000"/>

Una última cosa que quiero mencionar. Después de implementar su aplicación en Play Store, puede actualizar la entrada de su aplicación de AdMob (si no seleccionó su aplicación en la tienda de aplicaciones primero). Ve a apps.admob.com y abre la configuración de tu aplicación.

LEER  Todas las noticias para desarrolladores de Android de marzo de 2021

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba