Cuadro de autor


Discuta su proyecto

Sobre Nosotros

Somos un socio de Microsoft Gold con presencia en los Estados Unidos y la India. Somos un proveedor de servicios de TI dinámico y profesional que sirve a empresas y nuevas empresas, ayudándolas a enfrentar los desafíos de la economía global. Ofrecemos servicios en el área de Consulta e implementación CRM, Desarrollo de aplicaciones, Desarrollo de aplicaciones móviles, Desarrollo web y Desarrollo Offshore.

Anuncios de Admob en la aplicación Flutter

Cómo implementar anuncios de Admob en aplicaciones de Flutter

By Subodh Dharmwan / Enero 27, 2020

28 de abril de 2020
Cómo implementar anuncios de Admob en aplicaciones de Flutter

Hay muchas formas de ganar dinero con una aplicación móvil y una de ellas es a través de la publicidad. Publicar anuncios en su aplicación móvil es una de las mejores formas de ganar dinero con ella. Debe implementar anuncios de Admob para ejecutar correctamente los anuncios de banner en su aplicación móvil. 

Aquí está el proceso paso a paso de cómo implementar anuncios de Admob en las aplicaciones de Flutter.

Encuentra admob_flutter^ 0.3.2 visitando https://pub.dev/.

Este blog tutorial le mostrará cómo implementar o mostrar un banner publicitario usando el complemento admob_flutter. 

Sigue estos pasos: 

 1. Abra su Pubspec.yaml. 

 2. Incluya el paquete admob_flutter agregando admob_flutter: ^ 0.3.2  en el archivo pubspec.yaml. 

 3. Instalar el paquete desde la línea de comandos $ flutter pub obtener 

 4. Ahora necesita crear la identificación de la aplicación para admob, puede verificar el enlace y puede

obtener la identificación de la aplicación https://developers.google.com/admob 

 5. Configure la aplicación con la identificación de la cuenta admob que se puede utilizar dentro de nuestro proyecto Por ejemplo "Ca-app-pub-3940256099942544/6300978111 ” 

Ahora agregue esta ID para ambas plataformas (Android e iOS) en su proyecto de flutter. Para Android, debemos agregar este elemento al archivo de manifiesto como se muestra a continuación. 

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

 6. Para iOS, necesitamos agregar la misma ID dentro del archivo info.plist.   

<key & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Ahora importe el paquete e inicialice add mob.  

 importar 'paquete: admob_flutter / admob_flutter.dart'; 

 8. Ahora que se ha realizado la configuración, podemos comenzar con los anuncios. El paquete flutter_admob admite tres tipos diferentes de anuncios que se pueden implementar: banner, intersticial y recompensa. 

 9. Banner de AdMob

El banner de AdMob nos permite mostrar un anuncio de estilo banner dentro de la aplicación. Podemos usar esto agregando el widget de AdMobBanner directamente en nuestro árbol de widgets. Cuando el usuario hace clic en él, lo llevará al destino del anuncio. 

AdmobBanner (adUnitId: "ca-app-pub-3940256099942544/6300978111", 

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId: el anuncio que queremos mostrar.
     adSize: este es el tamaño del complemento. Hay diferentes tipos de tamaño de banner
 

BANNER - tamaño 320 * 50
   LARGE_BANNER - tamaño 320 * 100
   MEDIUM_RECTANGLE - 320 * 250 tamaño
   FULL_BANNER - tamaño 468 * 60
   TABLA DE CLASIFICACIÓN - Tamaño 728 * 90
   SMART_BANNER: este banner se puede colocar dentro de cualquier tamaño del contenedor. 

Oyente- oyente es escuchar el evento que ocurre alrededor del banner de adMob. La devolución de llamada para este oyente nos proporciona una instancia de AdmobAdEvent. 

AdmobAdEvent puede ser el siguiente: 

cargado, abierto, cerrado, no se pudo cargar, hizo clic, impresión, abandonó la aplicación, completado, recompensado, iniciado. 

 10. Anuncio intersticial: Este es un anuncio de pantalla completa que se muestra al usuario. Para agregar esto, necesitamos inicializar AdmobInterstitial. Para mostrar cómo podemos inicializarlo, he escrito un pequeño fragmento de código a continuación. Usted puede comprobarlo. Que devuelven AdmobInterstitial, también agregan el oyente para escuchar AdmobAdEvent. Para cargar la instancia de nuestro anuncio tenemos que llamar a la función load ().
 

 11. _ AdMob interstitial.load ();

Como no queremos mostrar este anuncio al usuario hasta que se haya cargado por completo, tenemos que observar el estado del anuncio, si el anuncio se ha cargado completamente, llamamos a la función show () para mostrar el anuncio al usuario. .

Finalmente, hemos terminado con un anuncio, ahora necesitamos invocar la función dispose () para clean_up. 

 12. Anuncio de recompensa  

El anuncio de recompensa se puede ejecutar si desea otorgar alguna recompensa al usuario por ver el anuncio que se muestra en la pantalla. Para mostrar el anuncio de recompensa, debe crear una nueva instancia de la clase AdmobReward y otras cosas son iguales que el anuncio intersticial. Si el usuario completa el anuncio, los tipos AdmobEvent.rewarded nos permiten recibir una notificación cuando el usuario es recompensado por ver el anuncio. 

[sc name = "Desarrollo de aplicaciones móviles"] [apss_share]

Hay muchas formas de ganar dinero con una aplicación móvil y una de ellas es a través de la publicidad. Publicar anuncios en su aplicación móvil es una de las mejores formas de ganar dinero con ella. Debe implementar anuncios de Admob para ejecutar correctamente los anuncios de banner en su aplicación móvil. 

Aquí está el proceso paso a paso de cómo implementar anuncios de Admob en las aplicaciones de Flutter.

Encuentra admob_flutter^ 0.3.2 visitando https://pub.dev/.

Este blog tutorial le mostrará cómo implementar o mostrar un banner publicitario usando el complemento admob_flutter. 

Sigue estos pasos: 

 1. Abra su Pubspec.yaml. 

 2. Incluya el paquete admob_flutter agregando admob_flutter: ^ 0.3.2  en el archivo pubspec.yaml. 

 3. Instalar el paquete desde la línea de comandos $ flutter pub obtener 

 4. Ahora necesita crear la identificación de la aplicación para admob, puede verificar el enlace y puede

obtener la identificación de la aplicación https://developers.google.com/admob 

 5. Configure la aplicación con la identificación de la cuenta admob que se puede utilizar dentro de nuestro proyecto Por ejemplo "Ca-app-pub-3940256099942544/6300978111 ” 

Ahora agregue esta ID para ambas plataformas (Android e iOS) en su proyecto de flutter. Para Android, debemos agregar este elemento al archivo de manifiesto como se muestra a continuación. 

<meta-data
android: name = ”com.google.android.gms.ads.APPLICATION_ID”
android: value = ”ca-app-pub-3940256099942544 ~ 1458002511 ″ />

 6. Para iOS, necesitamos agregar la misma ID dentro del archivo info.plist.   

<key & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Ahora importe el paquete e inicialice add mob.  

 importar 'paquete: admob_flutter / admob_flutter.dart'; 

 8. Ahora que se ha realizado la configuración, podemos comenzar con los anuncios. El paquete flutter_admob admite tres tipos diferentes de anuncios que se pueden implementar: banner, intersticial y recompensa. 

 9. Banner de AdMob

El banner de AdMob nos permite mostrar un anuncio de estilo banner dentro de la aplicación. Podemos usar esto agregando el widget de AdMobBanner directamente en nuestro árbol de widgets. Cuando el usuario hace clic en él, lo llevará al destino del anuncio. 

AdmobBanner (adUnitId: "ca-app-pub-3940256099942544/6300978111", 

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId: el anuncio que queremos mostrar.
     adSize: este es el tamaño del complemento. Hay diferentes tipos de tamaño de banner
 

BANNER - tamaño 320 * 50
   LARGE_BANNER - tamaño 320 * 100
   MEDIUM_RECTANGLE - 320 * 250 tamaño
   FULL_BANNER - tamaño 468 * 60
   TABLA DE CLASIFICACIÓN - Tamaño 728 * 90
   SMART_BANNER: este banner se puede colocar dentro de cualquier tamaño del contenedor. 

Oyente- oyente es escuchar el evento que ocurre alrededor del banner de adMob. La devolución de llamada para este oyente nos proporciona una instancia de AdmobAdEvent. 

AdmobAdEvent puede ser el siguiente: 

cargado, abierto, cerrado, no se pudo cargar, hizo clic, impresión, abandonó la aplicación, completado, recompensado, iniciado. 

 10. Anuncio intersticial: Este es un anuncio de pantalla completa que se muestra al usuario. Para agregar esto, necesitamos inicializar AdmobInterstitial. Para mostrar cómo podemos inicializarlo, he escrito un pequeño fragmento de código a continuación. Usted puede comprobarlo. Que devuelven AdmobInterstitial, también agregan el oyente para escuchar AdmobAdEvent. Para cargar la instancia de nuestro anuncio tenemos que llamar a la función load ().
 

 11. _ AdMob interstitial.load ();

Como no queremos mostrar este anuncio al usuario hasta que se haya cargado por completo, tenemos que observar el estado del anuncio, si el anuncio se ha cargado completamente, llamamos a la función show () para mostrar el anuncio al usuario. .

Finalmente, hemos terminado con un anuncio, ahora necesitamos invocar la función dispose () para clean_up. 

 12. Anuncio de recompensa  

El anuncio de recompensa se puede ejecutar si desea otorgar alguna recompensa al usuario por ver el anuncio que se muestra en la pantalla. Para mostrar el anuncio de recompensa, debe crear una nueva instancia de la clase AdmobReward y otras cosas son iguales que el anuncio intersticial. Si el usuario completa el anuncio, los tipos AdmobEvent.rewarded nos permiten recibir una notificación cuando el usuario es recompensado por ver el anuncio. 

Servicios de desarrollo de aplicaciones móviles

¿Quiere aprovechar la tecnología móvil para su negocio? Cynoteck es un proveedor integral de servicios de desarrollo de aplicaciones móviles. Brindamos servicios de desarrollo de aplicaciones para iOS y Android para que pueda llegar a su público objetivo en cualquier dispositivo.

2.6 5 votos
Valoración del artículo
Suscríbete
Notificar de
invitado
0 Comentarios
Comentarios en línea
Ver todos los comentarios
0
Me encantaría tus pensamientos, por favor comenta.x