Añadir anuncio ‘Vídeos Intersticial’ de Admob con React Native y Expo

Tiempo de lectura: < 1 minuto

En el tutorial de hoy os voy a enseñar cómo cargar un vídeo Interstitial de pantalla completa.

Lo primero que tenemos que hacer es configurar Admob en React Native Añadir anuncios de Admob con React Native (Banner)

Una vez configurada, podemos usar este componente para mostrar los anuncios:

import React, { useEffect } from 'react';
import { AdMobInterstitial } from 'expo-ads-admob';

const interstitial = async () => {
    await AdMobInterstitial.setAdUnitID('id_anuncios_admob');
    try {
        await AdMobInterstitial.requestAdAsync();
    } catch (error) {
        console.log(error)
    }

    try {
        await AdMobInterstitial.showAdAsync();
    } catch (error) {
        console.log(error)
    }

    setTimeout(() => {
        AdMobInterstitial.dismissAdAsync();
    }, 1000);
}



export default function App() {

    useEffect(() => {
        interstitial();
    }, [])
    return (
        null
    );
} 

Solo tenemos que id_anuncios_admob por el código de anuncio Interstitial de Admob que hemos generado.

  await AdMobInterstitial.setAdUnitID('id_anuncios_admob');

Y ahora para mostrar el componente solo tendremos que importarlo y mostrarlo. Por ejemplo en APP.js

En el render:

 //Anuncio
import Interstitial from '../componentes/anuncios/Interstitial';

return (
        <View style={styles.contenedorInicio}>
            <Interstitial />
....

Con añadir el componente e importarlo ya se muestra.