Integración de anuncios para aplicaciones de flautas: maximiza la participación de los usuarios con Admob | Rahul Agarwal | Skillshare
Buscar

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Integración de anuncios para aplicaciones de flautas: maximiza la participación de los usuarios con Admob

teacher avatar Rahul Agarwal, Flutter Developer & Trainer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción al curso

      0:52

    • 2.

      Configurar la cuenta de AdMob

      3:43

    • 3.

      Configurar el proyecto de flautas

      9:29

    • 4.

      Cómo habilitar anuncios de pruebas

      5:58

    • 5.

      Cómo crear clase de AdHelper

      5:53

    • 6.

      Pantalla de anuncios en la bandera inferior

      7:43

    • 7.

      Función para cargar anuncios de banners

      13:49

    • 8.

      Pantalla de anuncios en la bandera en línea

      11:19

    • 9.

      Mostrar datos en una vista de lista

      5:13

    • 10.

      Pantalla de anuncios intersticiales

      8:02

    • 11.

      Función para cargar anuncios intersticiales

      8:59

    • 12.

      Usar el widget de WillPopScope

      6:29

    • 13.

      Implementar anuncios de videos intersticiales

      11:11

    • 14.

      Crear una unidad de anuncios

      5:07

    • 15.

      Cargar y mostrar anuncios recompensados

      14:42

    • 16.

      Implementar la API de NativeAdFactory

      9:43

    • 17.

      Función para cargar anuncios nativos

      11:28

    • 18.

      Mostrar datos en una vista de lista

      5:25

    • 19.

      Crear un archivo de AdManager

      6:20

    • 20.

      Trabajar en AppOpenAd

      10:16

    • 21.

      Escucha eventos en primer plano

      6:49

    • 22.

      Funcionamiento de la aplicación

      7:39

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

13

Estudiantes

--

Proyectos

Acerca de esta clase

El desarrollo de aplicaciones para móviles es un campo emocionante y que crece rápidamente, y millones de usuarios en todo el mundo descargan aplicaciones todos los días. Desarrollar una aplicación es la mitad de la batalla, también deberías saber cómo integrar Admob en tu aplicación.

¡Bienvenido a este emocionante curso para optimizar la experiencia de usuario de tu aplicación y mejorar su alcance a través de Admob! En este curso, exploraremos cómo maximizar el potencial de tu aplicación al integrar los anuncios de Admob sin problemas en el diseño de tu aplicación. Comenzaremos con la creación de una cuenta de AdMob y la configuraremos en un proyecto de Flutter. Desde allí, exploraremos todos los tipos de anuncios, como banners, videos banner, anuncios recompensados, nativos y abiertos a aplicaciones.

AdMob ofrece una variedad de formatos de anuncios para elegir, incluidos anuncios de banners, anuncios intersticios, anuncios nativos, anuncios recompensados y anuncios abiertos de aplicaciones. Los anuncios de banners son anuncios pequeños y rectangulares que aparecen en la parte superior o inferior de la pantalla de tu app. Los anuncios intersticiales son anuncios en pantalla completa que aparecen entre pantallas o actividades en tu app. Los anuncios nativos se combinan con el diseño de tu aplicación y sienten más contenido que los anuncios tradicionales. Los anuncios recompensados ofrecen a los usuarios una recompensa por ver un anuncio, como vidas adicionales.

Al final de este curso, tendrás una comprensión completa de cómo usar Admob para mejorar la visibilidad de tu app, mejorar la participación de los usuarios y aumentar el éxito general de tu app. No te pierdas esta oportunidad , espero que estés listo para llevar tus habilidades de desarrollo de aplicaciones al siguiente nivel.

Conoce a tu profesor(a)

Teacher Profile Image

Rahul Agarwal

Flutter Developer & Trainer

Profesor(a)

Hello, I'm Rahul. I am skilled in building cross platform application using Flutter. I am freelance developer as well as conduct workshops to share my knowledge with the community.

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción al curso: ¿Eres un desarrollador que busca integrar AdMob en el laboratorio de Florida? Bienvenido a este emocionante curso sobre cómo optimizar la experiencia de usuario de tu aplicación y mejorar su riqueza a través de AdMob. En este curso, exploraremos cómo maximizar el potencial de tu aplicación integrando AdMob Ads sin problemas en el diseño de tu aplicación. Comenzaremos configurando una cuenta móvil publicitaria y configuraremos en un Proyecto Florida. A partir de ahí exploraremos todo tipo de anuncios como banner, intersticial, video intersticial recompensado, app nativa abierta. En. Al final de este curso, tendrás una comprensión integral de cómo usar AdMob para mejorar la visibilidad de tu aplicación, mejorar la participación del usuario y aumentar el éxito general de tu aplicación. No dejes pasar esta oportunidad. Espero que estés listo para llevar tu aleteo agregar habilidades de asignación al siguiente nivel sin perder más tiempo. Empecemos. 2. Configurar la cuenta de AdMob: Hola, bienvenidos al primer video del curso. Ir a admob.google.com. Puedes registrarte tu nueva cuenta o firmar si ya no tienes una cuenta de AdMob. Sólo para información. Para anuncios en Android e iOS, utilizamos AdMob. Y para sitio web y YouTube, tienes que usar AdSense. En palabras más simples. Admob se utiliza solo para aplicaciones móviles. Ahora. Solo supongamos que haces clic en registrarte y eres nuevo para sumarlos. Entonces tienes que iniciar sesión con tu cuenta de Google. Y entonces preguntarás un par de cosas. Es decir, ¿quieres salud y desempeño personalizados son lo que es tu país de pago y T3, entonces tu cuenta será revisada. Y después de eso, puedes seguir yendo en tu tablero. Cuando inicies sesión, lo enviarás a tu panel de control así, es decir Google AdMob. Y aquí puedes ver tus ganancias y todo. Entonces, obviamente, si tienes una cuenta nueva, entonces no verás exactamente esta pantalla. Tendrás algo como listo para despegar, empezar, así. ¿Bien? Así que asegúrate de continuar desde aquí solo después de tener una cuenta de Google AdMob. El siguiente paso es agregar nuestra barra de aplicaciones que simplemente vaya a esta sección de aplicaciones y haga clic en Agregar. Vamos a elegir Android ya que se trata de un software de Windows, pero este es el mismo proceso para iOS también. Aquí plataforma elige Android. Y lo siguiente es, es esa App listada en una App Store compatible. Entonces obviamente no tengo esa app publicada en Play Store, así que simplemente escribiré no. Después haz clic en Continuar aquí. Nombre anterior de la app, que puede ser cualquier cosa, no necesariamente para ingresar tu nombre. Esto es solo una parte del propósito del tablero aquí. Yo lo nombraré. Monetizar a este usuario. My dresses te proporciona algunos datos útiles que te ayudarán a entender el comportamiento agregado de los usuarios en tu app. Entonces, si te tomas en serio ganar dinero indefinidamente, hazlo y simplemente haz clic en Agregar aplicación. Has agregado esto con éxito, bien, da clic en Listo. Entonces, como puedes ver, nuestra app para Android se agrega con éxito. Entonces, eso es todo. En el siguiente video, crearemos nuestro proyecto de flutter. Gracias. 3. Proyecto de flutter de configuración: Así que ahora vamos a crear nuestro Proyecto Florida. Vaya a su directorio deseado y abra una terminal aquí, ¿verdad? Aleteo. Crear, AdMob. Yo sólo lo nombraré igual. Monetizar. Más plano. Depende de ti. Pulse Intro. Bien. Y ahora voy a entrar en la carpeta y eliminar este Windows, Linux, mac OS, web. Y prueba. Como no necesito estos directorios, no lo estoy construyendo para Windows o Linux y tampoco estoy haciendo las pruebas. Y así simplemente abre esta carpeta en tu editor de texto deseado. Voy a usar VS Code. Bien, cometí un error tonto. Debería entrar en esta carpeta y escribir código y oscuro. Abrirá el archivo en nuestro Código VS. Bien, Así que se ve más limpio ya que he quitado todos los demás archivos. Ahora bien, lo primero que voy a hacer es agregar esa dependencia para eso. Ve a bob dot dev y busca anuncios en Google para móviles. Entonces este es el plugin oficial de Google. Copiarlo. Vaya a su proyecto que en su archivo Pub spec dot YAML. Simplemente pegarlo en las dependencias. Y solo ahorra. Bien, Florida pub get. Bien. Creo que este es el frente porque he eliminado calderas y encendido, pero al menos arriba va a funcionar. Ahora tenemos que hacer algunos cambios específicos de Android o puedes decir configuración para el, para este plugin. Ir a la aplicación Android. Gradle. Y insight config por defecto. Cambie la versión mínima del SDK a 19 y agregue múltiples mazos a true. Lo siguiente que tenemos que hacer es agregar los Meta datos al archivo de manifiesto de Android. Entonces ve a esta fuente, luego principal. Y se puede ver este AndroidManifest.xml. Tenemos que agregar ID de solicitud y L. Para obtener esta información. Tu primero veamos cual es la documentación de Redmi puedes ir a agregar mob. Ver. Puedes ver todos los requisitos previos y toda esa configuración del formulario. Aquí tienes que actualizar el manifiesto de Android. Copia esta línea de Meta datos. Ve a tu manifiesto de Android. Y abajo aquí, debajo de esta línea, simplemente voy a pegarlo. Bien. Asegúrate básicamente dentro de esta aplicación, para obtenerlos AdMob App ID, tienes que ir al panel de AdMob. Haga clic en Configuración de aplicaciones. Tienes esta identificación. Simplemente copiado y pegue el valor aquí. ¿Bien? Lo siguiente que tenemos que hacer es inicializar el SDK de anuncios móviles. Esto debe hacerse solo una vez, bien, antes de ejecutar la aplicación. Así que ve al punto principal, punto aquí. En primer lugar, rígido. Son vinculantes. Asegurar la inicialización. Entonces hazlo un fregadero. Y derecho de ello. Veamos, tenemos el plug-in instalado o no. Ver. Tendrás los anuncios móviles de Google, ¿de acuerdo? Sí, teníamos unos anuncios muy móviles. Instancia de punto, inicializar punto. Después de esto. Ejecutemos esta aplicación en modo de depuración. Puedes usar un emulador de Android o conectar tu propio dispositivo real. Entonces este es mi verdadero dispositivo. Lo he conectado vía USB. Simplemente escribiremos comenzar a depurar. Obviamente es la primera vez. Tomará algún tiempo. Solo espera hasta entonces. Además, para más información, puedes leer esta documentación, ver está escrito cómo inicializar los anuncios móviles. Y así si tienes alguna duda, también puedes leer esto paso a paso y entender. Esperemos unos minutos. Supongo que está tomando algo más de tiempo. Si no obtuviste ningún aire en la terminal, entonces tienes éxito, y para buenas aplicaciones móviles, anuncios móviles, SDK. Vamos a verte en el siguiente video. Gracias. 4. Habilitar anuncios de pruebas: Hola, Como puedes ver, nuestra app se está ejecutando con éxito. Eso significa que no hay error en la configuración. Comencemos habilitando los anuncios de prueba. Es importante habilitar los anuncios de prueba durante el desarrollo para que puedas hacer clic en ellos sin cobrar a los anunciantes de Google. Si haces clic en demasiados anuncios sin estar en modo de prueba, riesgo de que tu cuenta sea señalada por actividad no válida. Hay dos formas de obtener adiciones de prueba. Primero es usar una de las unidades de adiciones de muestra de Google, lo cual es muy sencillo. Y en segundo lugar, use su propio anuncio y habilite el dispositivo de prueba. Es decir, se asegura de que su propio dispositivo esté configurado como dispositivo de prueba. Y también recuerda, los emuladores de Android, los simuladores NIOS se consideran automáticamente, se configuran como hay dispositivos. Ahora el primero que es dispositivo de prueba de muestras, es muy fácil. Simplemente escribiré anuncios de prueba de AdMob en Google. Y se puede ver la primera línea que está habilitando pruebas que es Android. Entonces aquí puedes ver que tenemos el ID de unidad de anuncios de muestra para todo tipo de anuncios. Para que puedas usar este ID y probarlo en tu dispositivo para que te asegures de que esté funcionando perfectamente. Como estas unidades de anuncios no están asociadas con tu propia cuenta de AdMob, no hay riesgo de tu cuenta genere tráfico no válido. Y también asegúrate de reemplazar estas ideas con tu propia idea antes de publicarlas en la App Store. Esta es una primera forma. La segunda forma es que si quieres hacer pruebas más rigurosas con producción mirando, puedes configurar tu propio DALYS como dispositivo de prueba y usar el ID del anuncio es el que has creado en el panel de AdMob. O que también puedes leer aquí, ver cómo habilitar dispositivos de prueba. Puede probar el dispositivo en la interfaz de usuario de AdMob. Puedes usar este método, o puedes usar, puedes usar este método también. Es agregar su dispositivo de prueba programáticamente. Aquí. Tenemos que ir al AdMob, luego hacer clic en Configuración, luego hay dispositivos. Como pueden ver, ya tengo un dispositivo de prueba. Puede hacer clic en, Agregar este dispositivo. El mío es mi A1 que Android. ¿Y cómo encontrar ese ID publicitario? ¿Para eso? Tienes que ir a ajustes. Después los anuncios de Google. Y puedes ver tu ID de publicidad. Así que simplemente etiqueta ID. Es el dv por dt. Papá. Clave, BB. Steve, finito esbelto. El 0, K. Y el gesto. Simplemente puedes pegarte dos veces así. Es un inspector de anuncios para probar la publicación de anuncios en su dispositivo de prueba sin ningún tipo de codificación. Sólo guárdala. Espero que la idea no esté mal. ¿Bien? Entonces así es como habilitas los dispositivos de prueba. Si quieres. Puedes leer más en esta documentación. Si no entendiste, puedes ir y ellos han escrito paso a paso el mismo método. Entonces eso es todo para este video. En el siguiente video, crearemos nuestro primer anuncio. 5. Creación de una clase de AdHelper: Hola. Entonces, el tipo de anuncio se presenta en tu app está determinado por ese bloque de anuncios. Debes crear bloques de anuncios para cada tipo de anuncio que planeas tener en tu app. Recuerda si solo quieres aprender y probar, entonces también puedes usar esta muestra de ideas de prueba. Pero si quieres, entonces tienes que crear bloques de anuncios. Así que ve a tu panel de AdMob. En el lado izquierdo en la app. Haga clic en la aplicación monetizar flutter. Entonces aquí tienes los bloques de anuncios están en la revisión de la app también, puedes ver los promedios del primer bloque de anuncios ATR. Haga clic en él. Aquí puedes ver diferentes opciones. Elegiré banner por ahora y agregaré nombre de unidad. Solo diremos mi primer anuncio de banner y simplemente haremos clic en Crear unidad. Ahora podrás ver tu ID de bloque de anuncios. Del mismo modo así. Si lo deseas, también puedes crear un bloque de anuncios para tu aplicación iOS. Si tienes configurada la app para iOS. Además, asegúrate para que tu bloque de anuncios de banner funcione y muestre anuncios, tienes que agregar tu información de pago en tu cuenta de AdMob. Ver en mi tablero, puedes ver que tu cuenta está aprobada. Pero si tu cuenta es nueva y entonces podrías ver algo como faltar información de pago. Y luego tienes que ingresar tus datos de pago. Y después de eso, verás diferentes notificaciones como si tu cuenta estuviera siendo verificada. Tomará 10 h para que eso se verifique y luego podrá usar anuncios reales o de lo contrario podrá usar esa prueba en su cuenta está habilitada. De nuevo, solo diré ir y probar anuncios Android. Ahora. Vamos a tu Código VS. Y para mantener todo el ID correcto del bloque de anuncios es, voy a crear un nuevo archivo y nombrarlo, agregar helper punto, punto. Para que en el futuro si quieres cambiar algún IDE y todo, simplemente puedas hacer cambios en un archivo. No tienes que estresarte en que tu código está disperso por todas partes. Vamos a crear una clase. Agregar ayudante. Entonces me gustará la estética. Pero mi tercero, para que no tengamos que crear una instancia de esta clase. ID del bloque de anuncios de banner como este. Entonces revisaré esa plataforma también. Supongamos que está usando iOS, por eso es mejor elegir el check su plataforma. Aquí, regresa. Entonces si la plataforma es iOS, entonces regresa. Y en esa plataforma se desconoce, simplemente cierto cuando ya sea a través y soportado, ya sea Soporte entonces forma plomo. Voy a empezar por usarlo. Prueba agregar por ahora. Es copiarlo, pegarlo aquí. Y para iOS, AdMob. Ios. Simplemente copió ese escritorio para iOS también. Y pega aquí 0 k Esta es la clase add helper. En el siguiente video, comenzaremos a trabajar en mostrar anuncios de banner en nuestra aplicación flutter. Gracias. 6. Pantalla de anuncio de bandera inferior: Hola, bienvenido de nuevo. Ahora vamos a trabajar un poco en la interfaz de usuario. Mostraremos una pantalla de inicio. Cuando el usuario abre la aplicación. En la pantalla de inicio, crearemos botones para cada tipo de anuncios y navegaremos a la pantalla que implementará el add. Dentro de lib, crea una nueva carpeta y nombra pantallas. Y dentro de la pantalla, crea un nuevo archivo. Pantalla de inicio, punto punto. Vamos a Crear Básico, rígido. Importaremos material. Entonces me quedé menos rígida. Pantalla de inicio. Entonces devolverá un andamio. Esa app. Pero espero que conozcas estos básicos suaves más tarde. Porque nuestro enfoque solo estará en los anuncios. Voy a limitar mis días. El título de tu App Center. ¿Cierto? En el cuerpo. Vamos a tener un centro rígido que niño. Después columna. En esos niños, voy a tener todos los botones uno por uno. Empezaremos por crear un botón elevado. En prensa no habrá nada en este momento. Y niño será const text. Parte inferior. Anuncios de banner. El acceso principal alinea al centro para que quede en el centro de la pantalla. Guárdalo. Vamos a asignar esta pantalla de inicio como la pantalla principal. Nosotros solo, en mi app, eliminaré esta pantalla de inicio. No lo necesito. Entonces aquí me gustaría const pantalla de inicio. Eso, ha importado nuestra pantalla de inicio. Voy a escribir el nombre. Bien, monetiza y quita la banda de depuración. Reiniciemos la aplicación. Tenemos nuestra pantalla de inicio aquí. Este es el botón de anuncios de banner inferior. Ahora finalmente es el momento de agregar nuestro primer complemento. Este será un anuncio de banner, y lo mostraremos en la parte inferior de la pantalla. Siempre será visible para el usuario incluso mientras se desplaza por esa página. Entonces dentro de las pantallas, crea un archivo, nombra, banner inferior, punto de anuncio, punto. Aquí. Vamos a crear un widget con estado. De todas formas. Banner inferior, pantalla de anuncios. No se limite a escribir sumador binario así porque estos ya se utilizan en que son paquetes incorporados. Lo primero que vamos a hacer es que primero le gustará el andamio aquí. Y barra AB básica en texto, anuncios de banner. Y luego se centró el título a la verdad. Entonces el cuerpo. Cuerpo, puedes simplemente escribir cualquier cosa. Simplemente enviaré el anuncio de banner inferior . Bien, aquí debería ser texto cueva de texto. Antes de que el usuario pueda ver el anuncio, el anuncio tiene que ser creado y luego cargado. Entonces para eso, vamos a crear una variable aquí, que contendrá la referencia al add. Aunque será variable tardía, inicializaremos. Banner es de importación. Anuncios de Google. Dice cuándo. Anuncio de banner inferior. Bien, este es un tipo de binario. Viene de ese paquete. Y entonces tenemos un booleano para simplemente comprobar si el anuncio está cargado o no. Es un anuncio de banner. Cargar a es igual a falso. Repulsará al principio o en el momento en que se cargue la página. Entonces para implementar banner ad, tenemos que escribir una función para cargarlo. Y supongo que voy a hacer eso en el siguiente video. 7. Función para cargar anuncio de banners: Hola, sigamos. Entonces ahora en el anuncio de banner inferior, tenemos que crear una función que recargue el anuncio de banner para nosotros. Entonces aquí, simplemente escriba un anuncio de banner de carga futura. Será una función asíncrona. Ahora inicializaremos la variable de banner ad bottom banner ad que hemos declarado con su instancia de banner ad. Y ver esta instancia de anuncio de banner requirió algunos parámetros. Es decir, tenemos el tamaño. Entonces, el tamaño significa qué tamaño de la pantalla de la pancarta. Simplemente escribiremos el tamaño del anuncio. Tamaño del anuncio, punto c. tienes banner, fluido, banner completo. Yo lo haré, voy a elegir pancarta. También te mostraré diferentes tallas. Entonces tienes el apartado de anuncios. O puedes usar ese anuncio de prueba como voy a usar yo. Tenemos el módulo de anuncios en esta clase de ad helper. Así que simplemente agrega, agrega ayudante. Voy a importar y ayudante, bien. Y ayudante ese banner ad unit ID. Es acusar el nombre. Debe ser unidad. Sólo un error tipográfico. Entonces tenemos al oyente. Entonces, usando oyente, solo podemos verificar después del anuncio que es qué, qué le está pasando al anuncio, si está cargado con, si no se ha podido cargar así. Por lo que acepta oyente de anuncios de banner. Y entonces aquí voy a escribir en banner anuncio cargado. Ver, nos da un add on Agregar cargado. Si el anuncio está cargado y sólo voy a establecer el estado que es banner anuncio cargado es igual a true. Entonces tenemos en Agregar a cargar. Entonces nos da agregar y editar también. Simplemente voy a imprimir para cargar el anuncio de banner y la salida que o bien añadir un mensaje. Voy a disponer esta L 0 k, n en esa solicitud. Siempre tenemos que simplemente escribir const add request así. Esto debe ser constante. Entonces estas son las propiedades que se requieren. Y después de que se inicialice el anuncio, simplemente tenemos que cargarlo con este código bottom add dot load. Entonces esta es la función. Lo voy a explicar otra vez. Estamos creando un objeto de anuncio de banner e inicializando la variable de anuncio de banner inferior con él. Estamos pasando en varios argumentos para crear un binario. Además estamos especificando estas dimensiones de potencia. Banner anuncio dice que por otro devolverá los datos y haciendo diferente tamaño. Como viste, también hay otras opciones. Luego, para el ID del anuncio, estamos usando la clase add helper para obtener el ID de unidad binaria. Estamos usando ese oyente de anuncios de banner para escuchar los eventos del ciclo de vida de los anuncios y realizar cierta lógica cuando ocurren. Estamos escuchando en Agregar cargado para saber cuándo se carga un anuncio y cuando lo hace, establecemos nuestra variable cargada de banner ys en true. También nos estamos asegurando de que si el anuncio falla a Lord, llamemos a un método de eliminación en él para asegurarnos de liberar los recursos. Ahora para mostrar anuncios, necesitamos hacer una solicitud de anuncio. Entonces aquí estamos proporcionando este objeto de solicitud de anuncio como argumento. Para hacer eso. No estamos aportando ningún otro argumento dentro de él. Tampoco creo que sea necesario, pero si quieres las palabras clave, la URL del contenido, todas estas cosas, entonces puedes enviarla. Y al final, estamos llamando al método de carga en el anuncio de banner inferior. Esto cargará el anuncio que creamos. Ahora, vayamos a este cuerpo. Y debajo de este cuerpo, usaremos esa barra de navegación inferior para mostrarlo. En primer lugar, agregaremos es banner, anuncio cargado es verdadero. Entonces nos relacionamos caja de tamaño. Entonces espera, escribiré binario inferior, agregaré tamaño de punto, ancho de punto y alto. De igual manera, banderín inferior, puntos rojos dimensionan esa altura para duplicar. Así que solo estamos cambiando la altura y el ancho acuerdo con este tamaño de anuncio. Y en ese niño, tenemos que usar este Add rígido, que nos ha dado a Beida. Ver. Esto se da como dos excavados por este paquete solamente. En el anuncio, tenemos que escribir el anuncio de banner inferior. Y si no se carga, entonces vamos a dejar que const avance lineal. Bien, supongo que lo estoy haciendo mal. Debe estar por debajo de la caja de tamaño aquí. Indicador de progreso lineal. Entonces aquí finalmente estamos agregando nuestro add a la página. Si quieres tener un anuncio de banner que esté fijo en la parte inferior de la pantalla. Hay dos formas de hacerlo. Si tu app no tiene una barra de navegación inferior, entonces simplemente puedes agregar widget a este argumento de barra de navegación inferior del andamio. Si tienes una barra de navegación inferior, puedes en su lugar como IP persistente para sus botones, argumentos del andamio. Entonces también hay otras formas. Y siempre envuelve este widget Add, algo así como un contenedor o una caja de tamaño para especificar la altura y el ancho. Si no haces eso, díada ocupará toda la pantalla. Ahora, tenemos este anuncio de banner de carga. Ahora tenemos que llamarlo en el estado init. Simplemente llámalo. Y también recuerda disponer el anuncio que me pancarta. Creo que el anuncio de banner inferior. Disponer cero para disponer siempre eso. Agregar, lo siento. Entonces finalmente, en la página principal, tenemos que navegar hasta el fondo por el navegador Netscape. Dot empuja eso. Simplemente ruta de página de material. Después contexto. Y simplemente escribe banner inferior, pantalla de anuncios. Guarde todo. Y ahora vamos a comprobar si está funcionando. Si hay algún error. Ahí, este indicador de progreso lineal, c, tenemos esa prueba agregar aquí. Este es un complemento de prueba 468 en 60. Una suposición. Quieres usar una identificación real. Después vaya al módulo de monetizar ab ad, copie eso i ne en el Add Health, pero lo cambiaré al Real ID. Y empezamos. Y veamos qué pasa cuando estamos usando a un Eddie real. Verás, tenemos este anuncio real. Asegúrate de no hacer clic en este anuncio porque creo que hay algún problema. Tengo esto sí supongo que el dispositivo de prueba no está configurado correctamente. Entonces usaré un método diferente también. Tengo esta identificación conmigo. Iré al expediente principal. Aquí. Sólo espera. Escribiré espera. Anuncios móviles, instancia punto, punto, configuración de solicitud de actualización. Luego solicita la configuración, hace ID del dispositivo. Y voy a pegar aquí el ID, que obtuve en esa consola. Recuerda aquí. Después reinicie. A ver. Ahora mira, este es un anuncio real, pero como has configurado tus dispositivos, dispositivo de prueba, está mostrando ese banner de prueba aquí. Pero antes eso hace que faltara pancarta. Creo que no lo he mencionado. Pruebe el ID correctamente en la consola de AdMob. Pero al menos se puede ver cómo se ve el anuncio de banner inferior. Y creo que si vuelves atrás y vuelves a hacer clic, puedes verlo. Entonces eso es todo para este video. En el siguiente video trabajaremos en los anuncios de banner inline. Gracias. 8. Pantalla de anuncio de bandera en línea: Hola, En el último video, como viste que hubo algún error, yo Chegg y yo llegamos a clavar eso. Escribí mal el ID de publicidad en la interfaz de usuario de AdMob. Por eso me fue mostrado el anuncio real. Eso es sin la pancarta de prueba ni esta insignia. Pero al menos entendiste cómo podemos agregar o configurar programáticamente dispositivos de prueba también. Ya sabes, la paloma de barco es. Ahora en este video, trabajaremos en mostrar anuncios de banner de manera inline. Es decir, qué pasa si no quieres mostrar un anuncio en la parte inferior, solo navegación, sino también entre elementos ListView o cualquiera de tus otros widgets en el cuerpo. Para eso incita pantalla. Simplemente cree un nuevo archivo y escriba anuncio de banner en línea, punto-punto. Material de importación. Genial, se quedaron llenos rígidos. Denle el nombre en línea. Banner, pantalla de anuncios. K aquí, devuelva un andamio en la barra AB. Simplemente escríbelo. Iríamos contra el siguiente en la fila, pancarta centrada en lo verdadero. Bien. Ahora aquí, ya que esta pantalla tendrá ListView y list, widget List View. Entonces tenemos que crear variables, enumerar variables. Es, tendrá tipo dinámico, artículos enfermos, lista vacía. Entonces tengo, tendré otra lista. Anuncio de banner, anuncios de banner. Entonces esto es para que podamos desecharlo al final. Estos son los datos que se mostrarán para usar, incluyendo el anuncio así como lo está en estos ítems, también vamos a insertar ese anuncio. Lo entenderás paso a paso. Ahora de manera similar como antes, vamos a crear una función que devolverá un anuncio de banner en un widget de caja de tamaño, porque antes solo estábamos mostrando un anuncio. Pero aquí en este ejemplo usaremos tres anuncios. Por lo que este widget tiene que devolver una caja de tamaño con el ancho y alto. Por lo que el tipo de devolución será de tamaño caja. Obtener banner, anuncio. Crearemos una nueva instancia de lead binario. Va a tener diferente, diferente esto es similar. Como antes. Añadimos talla. No pancarta. El apartado de anuncios será el mismo. Ya que es un banner publicitario. Es por ello que en esa solicitud será const, agregue solicitud. Y en ese oyente vivirá el oyente de anuncios de banner. Luego en Agregar cargado. Si lo desea, puede combinar anuncio de banner cargado correctamente. Y supongamos que si el anuncio no se carga. Señor, mensaje de banner publicitario. La coma. Entonces solo agrega disponer aquí. Entonces después de inicializar el anuncio de banner, banner ad dot load, entonces agregaré este anuncio de banner en esos anuncios de banner, no agregaré anuncio de banner. Y luego finalmente regresa caja de tamaño con un punto rojo tamaño punto ancho no a doble tamaño de punto, altura de punto. Los dos hijos dobles vamos a añadir rígido y añadir será anuncio de banner. Así. Estamos devolviendo un anuncio con esta función. Vamos a seguir adelante. En ese estado de imagen, hay que fudge. Tienes que primero por lotes los datos e insertarlos en nuestra lista de artículos. Solo estamos creando datos fictitos en este ejemplo. Pero también tendrás la idea cómo trabajar con bases de datos reales. Entonces aquí relaciono el estado init. Voy a usar un bucle for para insertar esos datos ficticio. Para int I es igual a cero. I menos de dos n t I más más artículos, no Agregar Número de artículo I más uno. Es decir, va a partir de una, ¿de acuerdo? Esto agregará el artículo. Pero ahora también quiero que ese binario se inserte en la lista de ítems en posiciones aleatorias. Hasta ahora entonces volveré a crear un bucle. Int I es igual a cero, yo menos de tres. Es decir, solo quiero tres anuncios, yo más, más. Después agregaré int. Aleatorio. La posición es igual a aleatoria. Esto viene de esto que Matt directorio son, yo no diría que no directamente. Está incorporado. Punto siguiente int. Da un entero aleatorio a partir de cero. Lo quiero a la tierra. Es decir, va a dar de cero. La fila 219, es decir, un valor menos es mayor que igual a cero, pero menor a diez. Serán menos de 20, que serán 19. A mí me parece bien. Entonces voy a recibir el anuncio. El anuncio de banner es igual a obtener un anuncio de banner. Voy a llamar a esta función. Devolverá la caja de tamaño. Y luego voy a insertar ese cuadro de tamaño en el array items usando items dot insert, index será random position, y position. Y el elemento será binario. Por lo que se insertará en posiciones aleatorias. Entonces tenemos el estado init. Entonces supongo que el video es muy largo. En el siguiente video, seguiré trabajando en esto y completaré el anuncio de banner inline. Gracias. 9. Mostrar datos en una ListView: Vamos a continuar. Tenemos el estado init, tenemos los artículos. Ahora bien, como viste que tengo aquí estos anuncios de banner, podrías estar pensando por qué es necesario si ya tenemos los anuncios en esta podrías estar pensando por qué es necesario si lista de artículos, solo para que pueda disponer los anuncios aquí. Al igual que simplemente voy a escribir un bucle for. Int I es igual a cero. I menos que Banner Ads longitud de punto I plus, plus. Y dejaré que la posición se disponga para que se deshagan los tres anuncios. Y si aquí no estamos separando los anuncios, de nuevo, va a ser difícil conseguir que agregue elementos, esos son los anuncios de banner de esta lista de ítems, entonces hay que usar algunas lógicas diferentes. Entonces creo que es mucho más fácil. Ahora es el momento de que mostráramos ese anuncio de banner así como los datos usando un constructor de vista de lista en el cuerpo. Entonces aquí en la factura igual que cuerpo, luego vista de lista. Constructor de puntos. El recuento de artículos será artículos, matriz, longitud de punto. constructor de elementos será contexto en la x. Luego tenemos los datos dinámicos que vienen ya que algunos son cuadro de tamaño y algo índice de texto. Y simplemente voy a verificar si los datos son de tamaño de caja. Después devuelva los datos. Como ya está en una caja de tamaño, voy a devolver un estilo de lista líder. Sólo le voy a dar un maniquí. Yo puedo puedo hacer y título datos de texto. Simplemente ya sabemos que es una cadena solo para asegurarnos de evitar cualquier error en el futuro. Entonces este es el cuerpo y necesitan estado. Ya sabemos que el anuncio estará ahí. Ahora para navegar a la pantalla, vaya a Pantalla de inicio. Y dentro de los niños, crearemos otro botón. Navegará a la pantalla de anuncios de banner en línea. Y el texto estará en la colocación de anuncios de banner. Recuerda, aquí estamos usando eso. En este banner en línea, estamos usando el mismo ID de unidad de anuncios de banner que usamos para el banner inferior anterior. Si bien esto es conveniente en nuestra aplicación de demostración, esto está en la mejor práctica en producción. Lo que deberías hacer en su lugar es crear bloques de anuncios separados para cada ubicación o actividad en tu aplicación. Esto le permitirá realizar un seguimiento del rendimiento de los bloques de anuncios individuales. Bien, vamos. Tenemos este botón, voy a dar click. Ahora, mira, tenemos este primer anuncio. Tienes este segundo y tercero. Y ahora, si vuelvo, estaba en quinta posición. Si vuelvo una y otra vez, vaya y diga: Ver, ahora está en la sexta posición, ahora está en la 11, y es 15. Entonces estas son posiciones aleatorias. Y obviamente estoy usando este complemento real si quieres, puedes usarlos todavía también. Eso es para los anuncios de banner. Esta es nuestra primera adición. Al menos somos capaces de mostrar esos anuncios. En el siguiente módulo. Trabajaremos en esos anuncios intersticiales. Así que gracias por ver hasta aquí. Nos vemos en el siguiente video. 10. Pantalla de anuncio intersticial: Hola, bienvenido de nuevo. Entonces hasta ahora sabemos cómo implementar los anuncios de banner. Ahora es el momento. Entendemos acerca de los anuncios intersticiales. Los anuncios intersticiales son anuncios de pantalla completa y que normalmente se muestran durante las pausas naturales en tu app, como pasar a otra página. Definitivamente no quieres aparecer. Cuando un usuario se encuentra en medio de una tarea importante. uso excesivo de los anuncios es para la colocación de anuncios puede frustrar al usuario hasta el punto de eliminar su aplicación de su dispositivo. Dentro de las pantallas, crea un nuevo archivo y nombra. Intersticial. Anuncios, punto verde, punto. Bien. Vamos a crear una pantalla para mi día temprano. Abre y luego crea un estado completamente rígido en la espinilla. Agregar pantalla. Ahora devuelva un andamio. Y eso es tener una barra AB, AB. Pero ese título contrasta el texto. En datos intersticiales y centrados. A través de. En nuestra implementación, queremos mostrar anuncio intersticial. Cuando un usuario toca el botón Atrás después de completar un cuestionario, solo asume que obviamente es hipotético, no estamos construyendo una aplicación de cuestionario, sino supongamos que tienes un cuestionario. Ese cuestionario. El cuestionario ha terminado y el usuario ahora está volviendo a la página principal. También para que sea interesante, vamos a crear una variable para la partitura y crear una función para obtener un valor aleatorio. Así que vamos a crear una variable. Entonces. Si Panchen, soy Chen nombre, consigue mi puntaje. Y esto simplemente establecerá el estado y cambiará el código a un valor aleatorio. Entonces usaremos un punto aleatorio siguiente int, y debería ser 0-50 K. Y llamemos a esta función en el estado init. Obtener mi puntaje. ¿Bien? En el cuerpo, vamos a crear una interfaz de usuario que parece como si el usuario hubiera completado el cuestionario. En el cuerpo. Vamos a tener un centro rígido que niño. Alineación del eje principal. Cuando x es alineación que centrar a los niños. Entonces tendré un ícono. Puedo verificar la talla. Vamos a darle 100. Entonces. El texto, vidriado. Ven hoja muerta. Y eso es estilo pesado. Textil. bonsái es tipo D. Entonces mostraremos esa partitura. Debido a que nuestra variable de puntuación y justo fuera de 50, Supongamos entonces estilo, tamaño de fuente. Entonces vamos a tener es el tamaño de la caja para dar un poco de espaciado. Y luego botón elevado, que simplemente se mostrará. Regresa. Oye, guárdala. En la pantalla de inicio, crea un botón para que podamos navegar a esa página. Debajo de los anuncios de banner en línea, trabajo creativo realizado y nombra. En. El shell, agrega N aquí es pantalla de anuncios intersticiales. Guárdala y echa un vistazo a nuestra aplicación. A ver si tenemos el botón aquí. Si hago clic en él, haga clic en él. Después vamos a la pantalla de anuncios intersticiales y se ve bien. Verás, tarde en la noche acaba de recibir tres en el 50. Si vuelvo atrás, si vuelvo a hacer clic en esto, ahora tengo 34 de 50. Entonces esta fue la IU de los anuncios intersticiales verdes. En el siguiente video, crearemos ad unit y también la función para implementar ADS. Gracias. 11. Función para cargar anuncio intersticial: Hola, bienvenido de nuevo. Entonces, de manera similar al igual que los anuncios de banner, podemos crear un anuncio para anuncio intersticial o usarlos más unidades agregadas. Vamos a crear un módulo de anuncios. Iré y agregará unidad que intersticial. Mi primer intersticial, y luego crear, agregar unidad. Y simplemente haz clic en Listo. Ahora, en la clase ad helper, crea un nuevo método para en este tejido ard rico, resulta que el ID correcto del ad unit. Así que ve al ayudante Agregar aquí. Simplemente puedes copiar esto y pegar. Aquí. Dejarán entrar ahí. El caparazón. Este ID del anuncio será mi AD, AD basado aquí. También voy a copiar el id de prueba. el iOS, por si acaso tienes un dispositivo iOS y lo guardas. Ahora, lo siguiente es y anuncios intersticiales limpios. Necesitamos crear una variable que tenga una referencia a nuestro anuncio. Aquí. En este caparazón, agregue. Será nulo al principio. Obviamente también puede ser nulo. Esto será en un liberal. A continuación tenemos que crear una función que cargue esto e inicialice esta variable. Vamos. Vamos a crear diferente gen de carga en este platillo intos d shell. Y entonces comencemos a escribir el código intersticial y señor oscuro, sepan que acepta estos parámetros. Así que ahora agregar unidad se agregará ayudante. ID del anuncio intersticial. Las solicitudes serán las mismas. Solicitar. Y la devolución de llamada de carga será una devolución de llamada de carga publicitaria intersticial. Y C, tenemos que especificar estos dos podómetros. Y obviamente se trata de un anuncio de pantalla completa es decir, por eso no hay tamaño. Y voy a explicar este código después de unos minutos, pero vamos a escribirlo primero. En. Agregar carga lo conseguirá en este platillo aquí y aquí. Y si falla, entonces conseguimos al editor. Y simplemente se imprimirá. Nosotros sí cargamos y en este platillo, agregamos ese mensaje. Y voy a cambiar la variable a nula ya que es un agregado. Y si está cargado, entonces agregaré contenido de contacto de pantalla oscura, contenido de pantalla completa, devolución de llamada de pantalla. Ahora, acabamos de decir si en Agregar despedido. Si el usuario descarta, entonces simplemente haremos estallar esa ventana navegar. No se trata de esto ya que vamos a regresar. Por eso estamos bombeando el contexto. Aquí. También puedes desecharlo. Veamos esto, Sí, Este post ese anuncio. Y supongamos que si quieres, puedes volver a llamar esta función para cargar una nueva instancia de anuncio. Supongamos que no estás sacando los contextos en ese caso. Y debajo de esta pantalla completa, simplemente vamos a decir este complemento a esa variable. Obviamente esto se llama solo cuando se muestra el anuncio y el usuario descarta una soja muerta. Simplemente imprimiremos en este caparazón y cargaremos. Sólo voy a explicar de nuevo este código. Es posible que ya hayas notado algunas diferencias. Una cadena es que en lugar de crear un objeto de anuncio intersticial, estamos llamando a esta carga directamente aquí. ¿Bien? Algo sigue pareciendo familiar, igual que en ese anuncio de banner. Estamos proporcionando el ID del anuncio. Tenemos el parámetro request. Y entonces estamos llamando al intestino share add load callback para realizar ciertas acciones. Entonces, cuando un anuncio carga o falla al cargar esto, en la instancia de este complemento intersticial. Podemos agregar esas cosas a pantalla completa de devolución de llamada de contacto. Eso da una devolución de llamada para nuestros propios anuncios muestran contacto completo de la piel. Y luego en Agregar descartar contacto de pantalla completa en Agregar carpeta no se pudo mostrar. Entonces estas son otras cosas que puedes probar si quieres. Entonces obviamente estamos asignando el add a nuestra variable. Y si no se ha podido cargar, entonces solo lo estamos quitando. Y recuerda, no podemos usar la misma instancia del anuncio dos veces. Entonces obviamente, cuando se muestra, tú, tienes que desecharlo. Y luego otra vez llama a esta función para crear una nueva instancia y luego solo podrás volver a usarla. Entonces eso es todo para este video. En el siguiente video, simplemente llamaremos a esta función y mostraremos nuestro anuncio. Gracias. 12. Utiliza el widget de WillPopScope: Entonces, sigamos trabajando en este anuncio. Ya sabemos que los anuncios deben cargarse antes de que se muestren. Entonces carguemos este anuncio llamando a esta función en el estado init. Vamos a llamarlo estado. Creo que ya lo hemos hecho estado. Y sólo lo llamaremos ahí. ¿Qué? Vamos a crear otra función para mostrar el anuncio intersticial solo se presiona el botón Atrás del proveedor. Este botón. Así que vamos a crear su función. Ancho. En la parte posterior. Prensado. Si la variable shell no es igual a null, entonces el anuncio RLS. Simplemente, Bob hace la pantalla, navega por la bomba. Espero que entiendas que si ADH está ahí, entonces se muestra el Advil, eso, entonces se mostrará el anuncio. Y si el usuario hace clic en ese Descartar, entonces automáticamente aparecerá la pantalla. Y si no hay n, Entonces vamos a bombear la pantalla manualmente. Y como siempre, tenemos que disponer nuestro anuncio, ¿verdad? Anuncio intersticial, no disponer. Pueden ser nodos. Por eso. Solo recuerda, este método de carga mantiene anuncio listo para que se muestre cuando llegue la luz, cuando llegue el momento adecuado. Y este show de puntos significa que si el anuncio está listo, entonces muéstralo al usuario. Finalmente, asigne la función al botón elevado en la parte posterior. Prensado. Reiniciemos y vayamos a los anuncios intersticiales. Veamos cuándo se carga nuestro anuncio. Estoy confundido. Sí, anuncio intersticial cargado. Ahora, si hago clic en, vuelve atrás, entonces mira tenemos el agregar aquí. Si hago clic en Cerrar, navegamos fuera de la pantalla. Entonces estos fueron los anuncios intersticiales. Entonces es bueno porque obviamente esta es otra forma de poseer que no sean los anuncios de banner. Ahora, obviamente nuestro anuncio está funcionando cuando presionamos ese botón de volver elevado. Pero lo que si el usuario navega regreso usando el botón Atrás aquí en la barra de aplicaciones, son el botón físico en su dispositivo. Supongamos que si hago clic hacia atrás aquí, no pasará nada. Manejar este tipo de situaciones. Florida nos da un widget conocido como vamos a pop scope. Entonces hagámoslo también. En el andamio. Vamos a elaborar con lo rígido. Es realmente genial. Y lo ha hecho, lo hemos hecho, ¿qué va a pasar? Es un, un fregadero. Simplemente volveremos a imprimir. Pero luego bendecido. Y ahora llamaremos a la función unpack press y luego volveremos true. Eso es aquí. Puedes regresar, puedes hacer aparecer la pantalla. Entonces reiniciemos de nuevo y veamos qué pasa. Ahora otra vez, voy a dar click en pantalla. Esperaremos hasta que se cargue el anuncio, nuestro anuncio esté cargado. Ahora, si presiono este botón, entonces vea que tenemos el Agregar aquí. Y si lo descarto, navegamos nuestro apoyo. Si el usuario va al anuncio y hace clic directamente en el botón Atrás, el agonista no está listo, entonces simplemente llamará a esto más. Que este navegador punto pop, al menos de esa manera que habrá, no hay error en nuestro código. Entonces, eso es todo. Así es como implementamos anuncios intersticiales. Hay otra cosa que son los anuncios de video intersticiales, que discutiremos en el siguiente video. Gracias. 13. Implemente anuncios de video intersticial: Hola. En este video hablaremos sobre anuncio de video intersticial. Y el anuncio de video intersticial es un anuncio de video a pantalla completa que debería aparecer en puntos de transición naturales dentro de una aplicación. Estos anuncios se pueden reproducir automáticamente o pueden requerir la interacción del usuario para comenzar. En esta etapa, los anuncios de video shell suelen ser anuncios más largos que van desde 5 s en adelante de longitud. Entonces esto es como un anuncio intersticial normal. Simplemente aquí en aquí en los anuncios de video líder se mostrarán. Entonces solo te voy a mostrar cómo implementar eso rápidamente. Acude a tu ayudante de anuncios. Aquí. Crear otro método estático. Lo llamaré bloque de anuncios de video intersticial. Voy a usar esa identificación de prueba. Ver anuncio de video intersticial. Sólo cópielo. Pégalo. Para iOS. Bien. Para las fiestas, no vamos a estar creando ninguna nueva pantalla. Simplemente vamos a implementar eso en lo antiguo En nuestra pantalla de anuncios intersticiales anterior. Similarmente como antes. Voy a crear un anuncio intersticial. En este platillo. Será anuncio de video. Ahora lo haremos de nuevo, creativos y cambios. Crearemos una función para cargar el anuncio. Yo sólo voy a copiar este, éste y pegarlo. Cambiaron su nombre a anuncio de video. Aquí, voy a usar esa unidad, bloque de anuncios de radio. Entonces lo que voy a implementar es que este anuncio se mostrará si el usuario quiere volver a jugar. Entonces voy a crear un botón para volver a jugar. Y proveedor, usuario este switch, este anuncio. Esa puntuación se cambiará. Es decir, volveré a llamar al get my score. Entonces aquí, no voy a hacer pop. Sólo voy a llamar, obtener mi puntaje. Entonces cambiaré el anuncio intersticial a nulo porque no quiero volver a mostrarle el anuncio. Si vuelve, entonces después de esto, cambiaré el anuncio intersticial a nulo también porque ya se muestra. Entonces. En este caso, volveré a llamar a este video anuncios para que el usuario pueda, para que el usuario pueda volver a platear si quiere. Es decir, nuevamente, se mostrará el anuncio y se le cambiará la puntuación que pueda. Entonces aquí será anuncio de video intersticial, video cargado, compartido contigo. Y esto serán variables, así que no lo confundas. Aquí estoy haciendo anuncio intersticial normal, ninguno porque no quiero volver a mostrar anuncio mientras regresa ya ha pulsado el botón Reproducir de nuevo. Este, porque como firmar un nuevo anuncio de video, acaso el usuario vuelve a jugar. Hola, Kay, espero que todo esté bien. Voy a llamar a esto en el estado init. Voy a crear otra función. Mostrar ese anuncio de video intersticial. Sólo cuando se presiona el botón de reproducción, vamos a crear el límite y también, pero digamos justo en. Capa de nuevo, mama no igual a nulo. Mostraremos ese anuncio. Y supongamos que es nulo, entonces simplemente vamos a llamar a eso obtener mi puntaje. Al menos el usuario puede volver a jugar el juego aunque no se muestre. Y entonces lo llamaré disponer. Varios, deséchalo deséchalo a continuación, crea otro botón. Voy a dar algo de espaciado. Botón elevado. Icono. No podría va a ser const, puedo, puedo empezar supongo que la radio. Solo dimensión que es un anuncio de video. Luego etiquetar. ¿Sería una capa de texto const otra vez? Y aquí voy a llamar a Play de nuevo, presionado. Y él empezó. Vamos a echarle un vistazo. Si hago clic en anuncios intersticiales. Entonces veamos. Tenemos la carga de anuncios intersticiales. No lo sé. El líquido intersticial está ahí o no. A ver. Voy a jugar ligando de nuevo. Y ver. Tenemos este anuncio de prueba, que es un video. Si hago clic en saltar y vuelvo, nuestra puntuación ha cambiado. Es de 30. Y si vuelvo a hacer clic en Reproducir, otra vez, se nos mostrará un anuncio diferente. A ver si eso es cambio de código. No, supongo que hay algún error. Tenemos el intestino mi puntaje. Anuncios en capa otra vez. Esto también será anuncio de video. Vamos a revisar. Si voy aquí, entonces son 24. Si vuelvo a hacer clic en Reproducir , son 34. ¿Bien? Eso quiere decir que está funcionando. Y ahora si hago clic en volver atrás, el anuncio no se mostrará. Desde que ya le he demostrado eso. Este es el anuncio de video está ahí. Pero si voy al Agregar y hago clic en Volver atrás, entonces nos mostrarán y agregaremos. Ya que como dije aquí, este anuncio puede ser video así como normal. Entonces depende de ti si quieres implementar video intersticial o intersticial. Si estás pensando en cómo crear un bloque de anuncios para eso, simplemente ve a agregar unidad. Ya que aquí no se pueden decir anuncios de video intersticiales. Se puede seleccionar intersticial. Y aquí, solo desmarca el texto solo haz anuncio de video como este. Pero te he mostrado el ejemplo con este bloque de anuncios ficticio. Entonces eso es todo para los anuncios de video intersticiales, o se puede decir anuncios intersticiales. Espero que hayas aprendido mucho. Hasta ahora. Hemos entendido cómo implementar banners y anuncios intersticiales. En los videos futuros, implementaremos otros tipos también. Gracias. 14. Creación de una unidad de publicidad: Hola, bienvenido de nuevo. Por lo que ahora aprenderemos sobre los anuncios recompensados. Y los anuncios recompensados son anuncios de pantalla completa y, por lo general los usuarios optan por los usuarios para recibir la recompensa. La recompensa puede ser cualquier cosa como moneda virtual en nuestra vida extra en un juego que ayuda al usuario a realizar una tarea. La mayoría de los pasos para mostrar sus anuncios recompensados son idénticos a los anuncios intersticiales, excepto al mostrar que los anuncios recompensados, obtienes una devolución de llamada. Si el usuario tiene bajo recompensa. Y puedes actualizarlo pantalla o en tu base de datos en consecuencia. Entonces, dentro de las pantallas, crea un archivo. Recompensa. Votaste y proyectaste. Ahora, vamos a importar material. Entonces. Widget con estado, recompensado y andamio de pantalla. Tendrá los anuncios de texto AB bar const anuncios de texto santificados a través de. No. Vamos a crear un bloque de anuncios. Buen día. Admin de Google, consola. Haga clic en Agregar unidad, luego haga clic en esta, recompensada, no la mejor . Esto dividido. Mi app. El monto de la recompensa será uno. Y artículo que sólo voy a escribir sostenido. Obviamente, entiendes que podrías escribir monedas, vidas, lo que quieras. Ya que voy a construir una UI relacionada con la salud o salud del jugador, Supongamos que la tengo en salud. Se incrementará en uno. Mi primer premiado agregado. Agregamos, creamos un bloque de anuncios. Haga clic en Listo. Entonces. Crea un video. Perdón, genial, ¿eso es grueso? ¿Tasa de retorno? Voy a escribir. Y ID de unidad. Luego copia que evolucionó en Id. Pégalo aquí. Y como es habitual para iOS, copia eso y pegarlo. Entonces. Ir a la, bueno agrega limpio. Crearemos una variable para mantener el anuncio premiado de referencia. Y entonces un booleano solo para comprobar, es recompensado y cargado es igual a falso. Entonces supongo que eso es todo para este video. En el siguiente video, crearemos una función para cargar el dedicado. Gracias. 15. Carga y muestra anuncios recompensados: Hola. Así que vamos a continuar y crear una función que cargará recompensado agregar una inicialización nuestro esto es recompensado agregar variable. Ese código será similar al anuncio intersticial. Digamos vacío, carga anuncio recompensado. En primer lugar, pondremos el estado dos. Es revertant add cargado a false. Sé que es falso, pero de nuevo, solo para asegurarse de que el anuncio dividido, no se cargue. Bien. Entonces voy a dejar agregar ayudante. Palabra T en el apartado de anuncios. La solicitud será const y solicitud. Cualquier palabra en el anuncio, devuélveme la llamada. Descargado, recompensado. Y este grano para cargar. Voy a darles nodo agregado, agregar nodo, cargar, y luego agregar a un ritmo ese error después del mensaje. Y solo cambia la variable a ninguna. Y supongamos que si ADH está cargado, entonces usaremos una devolución de llamada dent de pantalla completa. Aquí. Simplemente voy a usar en un despedido. Y esto significa que si la palabra y o bien se cancela, nuestro terminado, cualquiera de ellos premiado anuncio sobre. Y esto fue realmente capaz de nulo ya que el anuncio ha terminado. Y volveremos a llamar a esto para que el usuario pueda utilizar nuestro get the reward nuevamente. Y fuera de este callback, invitado y es capaz de agregar, es decir, supongamos que ed está cargado, set state es reward add loaded es igual a true. Y simplemente voy a imprimir recompensado y cargado en la consola de depuración. Sólo para nosotros. Ahora, vamos a trabajar en la sección del cuerpo. Nuestro concepto será aumentar la cabeza. Si el usuario observa y agrega una variable de estado para mantener el valor de Salud. En salud es igual a uno. Supongamos que el usuario solo tiene uno retenido en el cuerpo. Y lo hice. Entonces la columna infantil principal existe alineación principal de acceso en el centro Mendota. Los niños lo saben. Lo que quiero es mostrar el icono dependiendo del número de salud. Es decir, una facultad es una, entonces sólo mostrar una puedo. Para que eso funcione. Voy a tener una fila rígida. Su ejercicio principal será ejercicio principal ese mínimo. Tenemos que niños. Y dentro del chileno, voy a usar un bucle for. Para int I es igual a cero. Yo menos que salud yo mas mas mas. Y el icono de salida es decir, puedo, puedo empezar. Salud e inocuidad. Esto es sólo un icono. Talla 50 colores colores, verde oscuro. ¿Bien? Esto demostrará que puedo, con respecto al valor de Salud. Debajo de esta fila, utiliza bocinos de tamaño. Alta D, sólo para dar algo de espaciamiento. Entonces lo escribiré texto. Simplemente demostrará ese valor para la salud. Y de tres que es lo máximo saludable que se puede lograr es tres. Entonces otra vez, teniendo una altura de caja de tamaño, haciendo D. Entonces voy a comprobar si la cabeza es menor a tres. Si son menos de tres, entonces tenemos que hacer algo. ¿Bien? Entonces voy a verificar si ADH está cargado, luego mostraré. Y botón elevado. El texto será const text. Reloj. Y haciendo estas salud. Y nuestra otra. Si, si ADH no está cargado, simplemente muestre un indicador de carga. Establecer enfriador. Dijo que aprendes indicador de progreso. Bien. Esto es esto. Ahora vamos a trabajar en lo demás. Si la salud es, como puedes ver, mayor de tres, entonces simplemente escribe const. El texto está al máximo. Es decir, no puede aumentar su salud. Además, espero que hayan entendido que este código es solo si más y condiciones, nada más. Esto es para la UE. Ahora llamemos a la carga recompensada add en el método init. Es mi tercera. Vamos a tener el estado init. Voy a llamar por canal, puedes mandar mi tercera. Vamos a crear otra función para mostrar ese anuncio dividido cuando el usuario presiona el botón. Bien, vamos a hacerlo. Pero entonces la leche materna simplemente mostrará un espectáculo premiado y holandés. Ver. Aquí puedes ver algo nuevo sobre el mundo de I+D de usuarios. Entonces, ¿qué pasará si el usuario es recompensa? Esta es una función. Y aquí nos sale la palabra sucia. Es decir, será valor uno ya que hemos mencionado ahí uno que sí fecha a Harold más iguales, igual a la cantidad de puntos de recompensa. Los dos int. Recuerda, si estás usando dummy test add, el valor predeterminado es diez. Aquí tenemos nuestro auto mencionado. Por eso estoy usando directamente el fondo clásico así. Y después de eso, simplemente disponer esta pose nuestro anuncio, un anuncio, disponer. Entonces ahora asigne esto, pero luego presionó el botón aquí, botón elevado para ver el anuncio. Y luego en la pantalla de inicio, crea un nuevo botón. Navega a la página. Me gustará más que los anuncios. Y será pantalla de anuncios recompensados. ¿Kay? Mantengamos los dedos cruzados y veamos si está funcionando o no. Mira que tenemos este ícono aquí. Y luego se carga el anuncio. Estaba mostrando el indicador de progreso. Ahora, si hago clic en ver anuncio para aumentar la salud, podemos ver este anuncio aquí. 1 s queda, y C, recompensa otorgada. Si hago clic en cruz, entonces tengo que ****, es decir, mi salud ha aumentado. Y nuevamente, el nuevo anuncio es un flecos. Entonces si vuelvo a hacer clic, voy a ver otro anuncio y esto es probar su demanda pero no destinado. Pero desde mis dispositivos con este dispositivo. Y nuevamente, si hago clic en esto, ver tres de cada tres está ahí. Y ahora la salud está al máximo. No podemos volver a ver el anuncio. Entonces eso significa que nuestros anuncios recompensados están funcionando perfectamente. Y creo que este anuncio es el más útil para juegos o cualquier otra cosa. Porque aquí el usuario estará interesado en ver el anuncio. No tenemos que hacerlo y ver anuncios usando banner y no porque esos anuncios puedan ser molestos o se pueda decir, al usuario no le gustará la experiencia. Pero aquí usan cada definitivamente lo usan. Supongamos que está aumentando la bala. Si es un juego, puedes aumentar disparando balas nuestras vidas o lo que sea. Con estos anuncios recompensados. Entonces eso es todo para este video. En el siguiente video, entenderemos el otro tipo de anuncios. Gracias. 16. Implementar NativeAdFactory: Hola. En este video, entenderemos sobre los anuncios nativos. En anuncio nativo, también llamado, llamado como anuncios personalizados de contenido patrocinado. Estos son los anuncios que coinciden con el contenido de una aplicación. Por ejemplo, una aplicación tiene una lista de elementos que se muestran al usuario. Puede insertar un aspecto similar de anuncios nativos como fuera de su lista de artículos. Sin embargo, no es posible crear componentes de interfaz de usuario nativos directamente usando widgets de teatro. Por lo que tenemos que implementar una fábrica de anuncios nativos para cada plataforma. Entonces eso significa que es un poco complicado. Tengo que decir que no es directamente sencillo, pero empecemos a hacerlo. El primer paso es crear un diseño div add. Tenemos que ir a nuestra carpeta android, luego a la app, luego a la fuente, que a los hombres. Entonces diríjase aquí. En esto crea una nueva carpeta y asígnele el nombre de diseño. ¿Bien? Y dentro de la maquetación, crea una lista de archivos. Anuncio nativo punto XML. Bien, marquemos nativo. Agregar externo. Esto es, esta será una capa básica de lista. diseño de los datos del nodo debe coincidir con el diseño visual de la experiencia del usuario. Para esa plataforma se pretende. Ahora entienda más en tienes que buscar anuncios nativos, agregar más flutter y agregar estos dos enlaces. El primero es éste. Aquí. Se puede entender lo que es un plantillas nativas. Y esta es una pequeña que vamos a implementar. Esto. También tienes una plantilla mediana. Y aquí en este sitio web llamado ladder developer.com, entenderás todos y cada uno así. Ver, hemos creado este anuncio nativo estilo lista. Entonces obviamente hay que copiar esto y pegarlo ahí. Ya tengo esto. Listo, ten este curso. Yo sólo lo voy a copiar. Vamos a esperar. Simplemente editaré con Bloc de notas. Copia todo el código, y pegarlo aquí. Verás, este es el código. Si quieres. Obviamente lo haré solo, puedes hacer una pausa y revisar. Bajaré despacio. Te voy a mostrar cómo implementarlo. Pero estos códigos nos son dados. Como puedes ver aquí es solo copiarlo y pegarlo. Tenemos esto para implementación templada nativa en duda, C, M tamaño de placa y solo voy a dos plantillas ahí. Noviembre. Entonces después de esta lista estilo punto slash agregar XML, tenemos que crear la clase de fábrica de anuncios nativos de estilo de lista. Ese vidrio de fábrica es responsable crear su objeto de vista para renderizar un anuncio nativo. Entonces para eso, de nuevo, tenemos que ir a app, source main, luego a Kotlin. Entonces mira tenemos ejemplo tranquilo, monetizar halagados aquí, crear un nuevo archivo y nombrarlo, lista. Marcar, anuncio nativo. Pero tres, puerta el Kotlin. Bien. Ahora. Tenemos que usar este código. Mira aquí, tenemos dos Como, como te dije, tienes que crear este archivo. Esto es para Java, pero voy a bajar. A ver tenemos este Kotlin. Tenemos este archivo aquí. Bien, sí, vamos a decirle este al nativo Kotlin. Así que solo cópialo y pegarlo. Yo también tengo esta línea de código. Simplemente copia ese código. Y si tienes alguna duda, definitivamente, tengo el código fuente al final del módulo. Así que solo puedes echarle un vistazo. Aquí. Tenemos que cambiar esto por el nombre del paquete. Nuestro nombre del paquete es com punto ejemplo punto Monat die es más plano. Así que solo asegúrate verificar esta línea de códigos con tu código. Esto devuelve el anuncio. Ahora, por fin, tenemos que registrarlos. Relativo enumerado agregar clase de fábrica. Y la instancia de un factor de anuncio nativo debe registrarse el complemento de anuncios móviles de Google antes de que pueda usarse. Entonces aquí tienes que ir a esta actividad principal aquí, y te mostraré copiarla, pegarla. Tengo que cambiar el nombre del paquete para monetizar flutter. Ver primero anulamos configuración del método del motor Flutter y limpiamos el motor Flutter. Registrado esa lista dilatada agregar fábrica con una identificación de cadena única. Aquí estamos usando list-style. Esta es la idea a la que llamaremos también en el anuncio. Y tenemos que dar de baja instancia también. Y este código, como te dije que encontrarás aquí también, consulta MainActivity. Es que aquí lo tienes todo. Entonces este no es un concepto. Simplemente puedes copiar y pegar el código y asegurarte de que tu trabajo esté hecho. Obviamente, si quieres, puedes ir y tratar de entender todas y cada una de las líneas de código, Depende de ti. Pero como dije, esto era lo único que tienes que hacer estos tres cambios para que funcione. Bien, Siguiente paso, vamos a crear un módulo de anuncios. Vamos. Tenemos este avance nativo. Selecciona mi primer nativo y crea, AGREGAR. Y hecho. Después ve a la clase Add helper. Copiar, pegarlo, ¿verdad? ID de unidad de anuncios nativos. Primero probaré con esta identificación de prueba. Copiar y pegar. Copiar y pegar. Bien, así que eso es todo para este video. En el siguiente video, integraremos la app nativa en nuestra aplicación flood. Gracias. 17. Función para cargar anuncios nativos: Vamos a continuar. En el último video, hemos hecho tantas configuraciones en la carpeta android. Entonces he detenido ese modo de depuración y lo reinicié de nuevo. Y la app se está ejecutando con éxito, así que supongo que no voy a ver ningún error más adelante. Entonces, finalmente, estamos listos para usar la clase de fábrica nativa de estilo lista para renderizar anuncios en nuestro Android. Implementaremos anuncios nativos entre elementos ListView en posiciones aleatorias, tal como hicimos en la sección Banner. Entonces dentro de las pantallas, crea un nuevo archivo, nombra. Anuncio nativo, pantalla, punto punto. Vamos a crear los rígidos de pantalla Dv anuncios de avance que hacen a través de. Bien. Ahora vamos a crear una función que devolverá cualquier tipo de retorno de división con comunidad, agregamos para agregar. Vamos a inicializarlo . Más o menos. Es pedir las mismas cosas. Pero lo único nuevo. Habrá que mencionar su identificación de fábrica. Y espero que recuerden que escribimos ese nombre es lista. ID de unidad de anuncios se agregará ayudante. D, malo. La solicitud será const agregar solicitud. Ahora el oyente será un oyente de anuncios nativo. Incitado. Tenemos en Agregar cargado, y luego tenemos encendido y no se pudo cargar y agregar. Ahora, tenemos que crear algunas variables también. Stuffer, lista de elementos de datos dinámicos, luego lista de anuncios nativos. Nuestros anuncios nativos. Entonces booleano es anuncio nativo cargado, falso. ¿Bien? Ahora aquí, si está cargado, entonces el anuncio nativo se cargó con éxito. Luego se inserta en los anuncios nativos. Así que agrega como anuncio nativo. ¿Bien? Entonces lo que voy a hacer es hacer un cheque si. Si. Todos los anuncios nativos la longitud de punto es igual a dos, es decir 0123, etc. ahí. Entonces solo dijo que estado es nativamente cargarlo a true porque tenemos que mostrar y solo si todos los anuncios están cargados es todo eso dos palabras no estoy diciendo que habrá dos anuncios o de lo contrario va a arrojar un error si, supongamos que un anuncio está cargado y ese no está cargado. Por lo que total será sumar. Esto es para la onload. Entonces si falla, entonces dejaremos que marca cargue ese mensaje de anuncio nativo. Este es el tema donde al disponer y volveré a llamar a eso conseguir meteoritos. Supongamos que anuncio libre a cargas. Entonces llamaré, cargaré este anuncio y devolveré este n k Entonces esta es la función. Ahora en el estado init. Primero tenemos que buscar los datos e insertarlos en nuestra lista de artículos. Y nuevamente, será un dato ficticio obviamente. Entonces digamos que necesitan estado. Y está tomando barra roja. Int I es igual a cero. Yo menos de 20, yo mas mas articulos, no agrego I, yo mas uno. Y luego voy a insertar anuncios. Pero int I es igual a cero. Yo menos de dos. Eso es uno y sólo dos anuncios. Yo más, más, voy a conseguir eso. Y luego posicionar anuncio aleatorio para G shin Isabel dos y m punto k. aleatorio. Siguiente int artículos no aterrizan. Después voy a terminar AT leer de la función para obtener anuncio nativo. Y luego voy a insertar, luego se dividen en esa posición aleatoria. Y ese elemento será anuncio nativo. Y como de costumbre, tenemos que desecharlo. Para int I es igual a cero y menor que los anuncios nativos longitud de punto I más, más anuncios negativos índice punto disponer. Eso es. Dice cómo nos deshacemos. Esta es la función para conseguir que se dividan. Y espero que hayan entendido este título de lista de fábrica. Esto es lo único único aquí. Entonces eso es todo de esa manera. En este video. En el siguiente video vamos a mostrar que están en esa lista que nosotros constructor. Gracias. 18. Mostrar datos en una ListView: Hola. Entonces, finalmente, vamos a mostrar ese anuncio nativo así como los datos usando un widget de generador de vista de lista en el cuerpo. Entonces el cuerpo, solo escribe Vista de lista punto Constructor widget. Entonces el recuento de artículos serán los artículos que les presten índice de texto actual del constructor. Hagamos los datos en una variable. Índice de ítems. Ahora solo comprobaremos si los datos son anuncios nativos. Entonces tenemos que hacer otra cosa. Tenemos que hacer otra cosa. Simplemente devolveremos el estilo de lista. Armas principales. Yo puedo no puedo cuatro TO. Estos son solo datos ficticio. Texto. Datos punto dos cadenas. Esta es la otra parte, pero supongamos que es el anuncio. Entonces volveremos. Si se carga el anuncio nativo es verdadero, entonces simplemente podemos devolver un contenedor. Yo sólo le di 72. Y alineación. Alineación, puntos y datos. Y niño agregará rígido y agregará serán datos. Pero supongamos que el anuncio nativo no está cargado, entonces mostraremos un indicador de progreso lineal. Obviamente, estoy mostrando el indicador para nuestro propio propósito. Pero en un laboratorio real solo puedes mostrar un contenedor vacío o cambiar el tamaño de la caja lo que quieras. Ahora, en la pantalla de inicio se creó el botón, que navegará a la pantalla de anuncios nativos. Aquí, este anuncios nativos. Entonces vamos, veamos si está funcionando o no. Para Haga clic aquí. C. Y el anuncio nativo está funcionando a la perfección. Tenemos que dos anuncios aquí. Entre ellos. Puedes enumerar, ver u otros datos. Y se ve muy similar a la UI de nuestros datos. Entonces podrías estar pensando por qué usar anuncios nativos, incluso, aunque esto sea más complejo de implementar. Y series que por la experiencia del usuario, a nadie le gusta que le den spam con anuncios de banner. Y muchas veces, las aplicaciones gratuitas integrarán anuncios para tener algunos ingresos pasivos para mantener el proyecto en marcha. Los anuncios nativos parecían la mejor manera de lograrlo. Y creo que ganar es más cuando usamos anuncios nativos. Puedes comprobarlo en la documentación oficial. Pero al menos ahora sabemos cómo usar los anuncios nativos también. Y esta fue una identificación de prueba. Si quieres, puedes volver a usar el Real ID y ver los anuncios nativos. Obviamente va a funcionar. Funcionará igual que este c. Tenemos que dos palabras aquí. Entonces eso es todo para este video. En el siguiente video, entenderemos cómo implementar app up y agrega. Gracias. 19. Crear un archivo de AdManager: Bienvenido de nuevo. En este video, entenderemos sobre los anuncios abiertos de aplicaciones. Los anuncios abiertos de aplicaciones se utilizan para mostrar anuncios cuando los usuarios y los datos de nuestra aplicación. App, append agrega un diseño. Así agrega el editor puede monetizar sus pantallas de carga de aplicaciones. O siempre que tu app sea puesta en primer plano. Puede mostrar estos anuncios a los usuarios que pueden cerrarlos en cualquier momento. Este anuncio mostrará automáticamente una pequeña área de marca para indicar que todavía están usando su aplicación. Solo por ejemplo cuando el usuario agrega la aplicación, esa pantalla de carga se muestra durante un par de segundos antes de que aparezca el Contenido de la aplicación, generalmente ¿verdad? Entonces, durante ese tiempo, el usuario puede ver la aplicación abierta ed, y una vez que cierra el anuncio, son llevados a la pantalla principal de las aplicaciones. Entonces para eso, vamos a crear primero un anuncio unitario. Aplicación Slack, abre mi primer anuncio. Bien, tenemos esto. Entonces en esa clase auxiliar, agregue clase auxiliar. Crea esta gruesa importada. Añado unidad. Como EU está aquí. Y para iOS, dijiste ficticio. Ahora tu aplicación, append n necesita estar lista antes de que el usuario ingrese a su aplicación. Por lo que tenemos que implementar una clase de utilidad para hacer solicitudes de anuncios antes de cuando necesites mostrar el anuncio. Entonces dentro de la carpeta lib aquí, crea un nuevo archivo punto, directamente, nombra. Ben, anuncio, gerente, punto, punto. Sí, vamos a crear una clase. Y gerente. En primer lugar. Y tendremos una instancia del anuncio. Entonces booleano está mostrando AD es igual a falso. Booleano se carga, es igual a falso. Ahora aquí, carga y a menudo agrega carga nula, y esta es la función app up y add load. ¿Bien? Por lo que está pidiendo nuestro listado. Primero uno será agregar ayudante, esa aplicación abierta y luego esta será const request. Ahora orientación, aquí lo hará, voy a usar un lápiz añadido orientación retrato que es recto. Y agregar devolución de llamada será esta devolución de llamada. Aquí. Obtenemos el add aquí. Simplemente imprimimos y cargamos. Entonces voy a asignar eso y escribir se carga es igual a true. Y si falla, entonces conseguimos el sumador. Puedes, si quieres, puedes manejar con plomo. Depende de ti. Simplemente escribiré para cargar y agregué el mensaje. Cómo cuidar. Entonces eso es todo para este video. Seguiremos trabajando en este expediente. En el siguiente video. 20. Trabaja en AppOpenAd: Ahora sigamos trabajando aquí. Tenemos que crear una función para mostrar el anuncio y un manejador de devoluciones de llamada a pantalla completa. Entonces por debajo de esto, vamos a escribir la función IF, que es un getter, es agregar disponible y devolver app abierta y no igual a null. Es decir, no es igual a nulo, está disponible. Luego crearemos una función, mostraremos anuncio si está disponible. Si app up cuando n es igual a null. Entonces simplemente escriba print. Intenté mostrar el anuncio antes de que esté disponible. ¿Bien? Llamaremos a la función de carga y volveremos aquí. Y si ADH ya está mostrando, entonces relacionar marca. Yo muestro anuncio mientras. Y luego otro anuncio está haciendo. Bien. De nuevo, regresó de aquí. Entonces si todo está bien, entonces agregaremos y agregaremos la pantalla llamada de nuevo, la pantalla completa volvió a llamar. Y debajo de esto, voy a llamar a esto, voy a mostrar eso, bien, y obviamente después de que se muestre el anuncio, entonces solo se ejecuta esta callback. Así que voy a dejar en Agregar mostró pantalla completa. Esto es AD y Roulette está mostrando anuncio es igual a true. Entonces ya no hemos podido mostrar. Entonces conseguimos que el editor simplemente muestre agregar a Isabel dos archivos. Añadir punto disponer. Burnett es igual a nulo. ¿Bien? Y entonces también vamos a escribir si se desecha, tenemos ese anuncio va a agregar es igual a falso y disponer a otro. Y éste debería esto. Y volveremos a cargar otro anuncio para que pueda mostrarse nuevamente más adelante. Ahora bien, este archivo del gestor ya está hecho. Vamos a crear una cosa de pantalla de presentación esa pantalla. Crear un archivo. Última pantalla punto punto n aquí. Y vamos a anotarlo. Material importante. Entonces tenemos el widget stateful. Esto es pantalla. Tenemos la instancia de app. Bien. Gerente importado, Ben, gerente es igual para darle una instancia. Y aquí sólo estoy mostrando un indicador de carga. Si quieres, puedes usar ese paquete es para mostrar hermosas pantallas de carga, logo de audio, depende de ti. Indicador circular de progreso. Hagámoslo una const. Esta es la pantalla de presentación. Ahora en el estado init de la pantalla, tenemos que llamar al método load. Sí, necesito estado. Hay que llamar al gestor open end dot load, y luego tenemos que esperar 4 s. el anuncio se carga y labra debajo. Nuestra pantalla de carga será el indicador circular de progreso. Const, duración, milisegundos 4,000. Entonces solo suma n menos j punto show y si está disponible, muestra el anuncio y navega. Ahora tenemos tres portones que empujan reemplazo. La nueva ruta. El nuevo diseño no será más que mi diseño de página. Esta será la pantalla de inicio. Por último, tenemos que asignar a esta pantalla de presentación que es la pantalla principal en ese hogar. Así que aquí solo escribo pantalla de presentación. Bien. Ahora fecha de escritorio. Empecemos. A ver si está funcionando o no. Bien, app o bolígrafo, estaba abierto. Veamos qué pasa. Iré a la carga y la haré 5 s. a ver. Ver, el anuncio ahora está funcionando perfectamente. Tendrás el anuncio y ellos continúan con la app. Si hago clic, vamos a la pantalla de inicio. Este es el concepto de anuncios abiertos de aplicaciones. Entonces depende de ti. Quieres usarlo en tu app o no. Pero este es otro tipo de anuncio que es dado por Google. Volverá a empezar y ver. Tenemos el AB, tenemos el add. Y si hago clic, podemos ver en el siguiente video, voy a implementar el mismo anuncio, pero debería mostrarse si volvemos a volver y vuelve a llegar a la app, es decir para flujo desde el primer plano. Si es de fondo, si vuelve a pasar al primer plano, volveremos a mostrar esta app abierta. Así que gracias. 21. Escuchar eventos en primer plano: Hola, bienvenido de nuevo. Ahora vamos a dar un paso más allá y escuchar los eventos. Es decir, cada vez que nuestra app entra en segundo plano así, de nuevo, llega a primer plano, mostraremos esa app abierta. Y nuevamente, tenemos que agregar el oyente de eventos y el oyente de eventos a la pantalla, que es justo después de la pantalla de inicio. En nuestro caso es la pantalla de inicio. Entonces hagámoslo. Primero. Tenemos que convertirlo en un estado completamente rígido. Entonces tenemos que añadir un mixin que sea rojo. Widgets, observador vinculante. ¿Bien? Y luego tenemos que crear dos variables versus app, open ad manager. Obviamente necesitamos esta clase para llamar a nuestro anuncio. Y entonces se pausa un booleano, es igual a falso. Esto será cierto cuando la aplicación entre en segundo plano. Siguiente. En ese estado, primero llamado una función de carga agregar desde la clase de administrador de anuncios, esta aplicación sube y agrega. Nodo agregar. ¿Bien? Y entonces tenemos encuadernación rígida. Instancia de punto, punto agrego observador. Y en ese paréntesis tenemos que escribir esto, esa es esta clase. Tenemos que observar. ¿Bien? En esta pose, tenemos que quitar al observador. Es rígido. Encuadernación. Instancia de punto, punto, eliminar observador. Esto. ¿Bien? Ahora tenemos que escuchar los eventos del ciclo de vida de la aplicación. Para eso, vamos a sobrescribir si cambió el ciclo de vida de la aplicación así. ¿Bien? Y aquí, antes que nada, comprobaremos si el estado es igual a app. Ciclo de vida. Se hizo una pausa, bien. Sí, vamos a cambiar que si los genes la variable es pausa es igual a verdadera. Y luego comprobaremos si el estado es igual al ciclo de vida de la app que reanudó y se pausa es cierto. Así. Entonces sólo vamos a imprimir esta vista. Y ahora llamaremos a app show manager que muestre anuncio si está disponible. Y se pausa, es igual a falso. Así. Ahora, cuando reiniciemos la aplicación, vamos a comprobar si está funcionando o no. Obviamente este es el primer anuncio. Ahora, si vuelvo una y otra vez, reanuda, luego mira que tenemos el anuncio de la app abierta otra vez. Entonces eso significa que esta funcionalidad está funcionando perfectamente. Solo me gustaría explicar que llamando a los widgets binding.in estrofa, agregue observador. Estamos diciendo que las regiones vinculantes, instancia de enlace para agregar ese widget de estado actual. En este caso, éste. Como observador. Esto significa que cada vez que ocurre un evento en el que el observador está interesado, solo por ejemplo, cambia el estado del ciclo de vida de la aplicación. El observador será notificado y podrá tomar las acciones correspondientes. En nuestro ejemplo, estamos usando bindings Observer para escuchar el estado del ciclo de vida de la aplicación de cambio, que estamos usando para activar la visualización de esa aplicación y agregar. Ya no se necesita un observador de proveedores. Realmente muévelo llamando al observador remove en esa exposición. Esto sí cambió. estado del ciclo de vida de la aplicación se llamará cada vez que cambie el estado del ciclo de vida de la aplicación. Por lo tanto, debe asegurarse de mostrar solo el anuncio abierto de la aplicación cuando se lanza la aplicación y no en otros cambios de estado del ciclo de vida. Es decir, sólo cuando se reanude, mostraremos el anuncio. Entonces eso significa que todo está funcionando a la perfección. Hemos completado nuestro curso. Espero que hayas disfrutado y aprendido mucho. En el siguiente video, solo probaré todo el funcionamiento de esa aplicación. Y eso es todo. Sigue practicando. 22. Trabajo de la solicitud: Hola, bienvenidos al video final del curso. Nuestra solicitud está concluida. este momento, solo probaré la solicitud completa por última vez. Vamos a reiniciarlo. Así que muy comenzando. Se nos mostrará la app hasta un anuncio como este. Y obviamente si vuelvo y encía, ese anuncio abierto vuelve a mostrar, eso quiere decir que eso está funcionando. Si hago clic en los anuncios de banner inferior, que implementamos el primero. Entonces vea que tenemos el anuncio de banner en esa barra de navegación inferior. Entonces esto lo puedes usar, supongamos que tienes noticias y todo o cualquier tipo de vas a tener el alcanzar su cuerpo. Entonces puedes usar esta barra de navegación inferior. Entonces tenemos los anuncios de banner inland. También se ve perfecto. Si vuelvo una y otra vez, dar clic en la posición es diferente. Esto también está funcionando perfectamente. Ahora. Veamos y muertes, los anuncios intersticiales. Tenemos el puntaje 47. Y si hago clic en volver atrás, entonces tenemos este anuncio. Que si cierro, entonces el navegador dot pop se ejecuta en. Si vuelvo a hacer clic en estos anuncios digitales y espero a que se cargue el anuncio. ¿Bien? Si claro ahora, vamos a codificar es nueve. Si vuelvo a hacer clic en Reproducir, y luego otra vez y luego descartarlo, mira, se cambia la partitura. Si vuelvo a hacer clic a nosotros también. Ahora veamos 49 cabezas, Goodman. Y como he usado este Agregar, ahora si vuelvo, no estaríamos viendo ningún otro anuncio. Entonces a continuación implementamos se premiaron los anuncios. Entonces, ¿qué anuncio para aumentar la salud? Si hago clic aquí, este anuncio se reproduce 5 s, esto queda. Tenemos que ver el complemento completo para poder obtener la recompensa. Tu último cruzarlo, verás, tengo mi salud incrementada. Y si hago clic en verlo de nuevo, entonces tenemos, bien, nos quedan 15 s. Pero imaginemos que estás construyendo un juego usando plotter y flame en que puedes usar este tipo de anuncios de recompensa para que los usuarios estén interesados en ver el anuncio y obtener las recompensas para que puedan jugar el juego. Ahora, todo eso es que tenemos la Salud al máximo y ahora no podemos volver a ver el anuncio. Entonces, ¿por qué los anuncios recompensados también están funcionando? Por último, tenemos el avance nativo, y recordé que esto requería muchas configuraciones. Y después de eso sólo fue posible. Entonces, si lo desea, busque en línea sobre esto, agregue más y más, y también puede usar las otras plantillas. Acabo de usar la plantilla de lista. Pero supongamos que tienes algún tipo de blog o cualquier otra cosa, entonces puedes usar esa plantilla y mostrar lados nativos avanzados. Entonces eso es todo para ese curso completo. Ahora, solo quería hablar. Si vas a la consola de anuncios de Google más. Aquí puedes ver esa opción de controles de bloqueo. Aquí. Puedes administrar algo como bloquear anuncios que instalaron otro. Cuando un usuario hace clic en ellos, puede configurar esta configuración. Puede evitar anuncios de anunciantes de asesoría individual. Es decir, si quieres bloquear a alguien que hay alguna compañía o cualquier otra cosa, entonces esta es importante. Ver que tienes gestionar categorías sensibles. Aquí. Si no quieres tener citas o algo sensible a tu audiencia, entonces puedes permitir, o esto permitió que este tipo de licenciaturas obtengan en tu app. Entonces si ves que ahora este estado de aprobación requiere revisión, tienes que hacer algunas cosas más para que funcione en una aplicación del mundo real. Obviamente las configuraciones agregadas serán las mismas, pero tienes que demostrar que tu app está en Play Store. Estas, que este tipo de cosas. Y solo espero que su cuenta sea aprobada. Y puedes ver esta notificación aquí. Por último, he adjuntado todo el código fuente de este curso. Asegúrate después de descargarla, vas a la app source main, AndroidManifest y cambias los valores aquí, es decir ID de aplicación. Así como hay que cambiar los valores en el Agregar Salud por clase. Después de eso, podrás mostrar anuncios en tu, en tu sistema usando el código fuente. Así que he disfrutado haciendo este curso y creo que te gusta que hagas echa un vistazo a mis otros cursos que están sobre desorden, Firebase, llama súper base, etc. así que eso es todo. Sigue practicando. Que tengas un buen día.