Boîte d'auteur


Discutez de votre projet

À propos de nous

Nous sommes un partenaire Microsoft Gold avec sa présence aux États-Unis et en Inde. Nous sommes un fournisseur de services informatiques dynamique et professionnel au service des entreprises et des startups, en les aidant à relever les défis de l'économie mondiale. Nous offrons des services dans le domaine de la consultation et de la mise en œuvre CRM, du développement d'applications, du développement d'applications mobiles, du développement Web et du développement offshore.

Admob annonce à Flutter Application

Comment mettre en œuvre les publicités Admob dans les applications Flutter

By Subodh Dharmwan / 27 janvier 2020

28 April 2020
Comment mettre en œuvre les publicités Admob dans les applications Flutter

Il existe de nombreuses façons de gagner de l'argent avec une application mobile, et l'une d'entre elles est la publicité. La diffusion d'annonces sur votre application mobile est l'un des meilleurs moyens de gagner de l'argent. Vous devez mettre en œuvre des publicités Admob pour réussir à diffuser des bannières publicitaires sur votre application mobile. 

Voici le processus étape par étape de la mise en œuvre des publicités Admob dans Flutter Applications.

Find admob_flutter^ 0.3.2 en visitant https://pub.dev/.

Ce blog tutoriel vous montrera comment mettre en œuvre ou afficher une bannière publicitaire à l'aide du plugin admob_flutter. 

Suivez les étapes de synthèse: 

 1. Ouvrez votre Pubspec.yaml. 

 2. Inclure le package admob_flutter en ajoutant admob_flutter: ^ 0.3.2  dans le fichier pubspec.yaml. 

 3. Installer le package à partir de la ligne de commande $ flutter pub obtenir 

 4. Vous devez maintenant créer un identifiant d'application pour admob, vous pouvez vérifier le lien et

obtenir l'identifiant de l'application https://developers.google.com/admob 

 5. Configurez l'application avec l'ID de compte admob qui peut être utilisé dans notre projet. Par exemple "Ca-app-pub-3940256099942544/6300978111 " 

Ajoutez maintenant cet identifiant pour les deux plates-formes (Android et iOS) dans votre projet Flutter. Pour Android, nous devons ajouter cet élément au fichier manifeste comme ci-dessous. 

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

 6. Pour iOS, nous devons ajouter le même ID dans le fichier info.plist.   

<key & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Importez maintenant le package et initialisez add mob.  

 import 'package: admob_flutter / admob_flutter.dart'; 

 8. Maintenant que la configuration de la configuration est terminée, nous pouvons commencer avec des publicités. Le package flutter_admob prend en charge trois types d'annonces différents pouvant être mis en œuvre: bannière, interstitiel et récompense. 

 9. Bannière AdMob

La bannière AdMob nous permet d'afficher une publicité de style bannière dans l'application. Nous pouvons l'utiliser en ajoutant le widget AdMobBanner directement dans notre arborescence de widgets. Lorsque l'utilisateur clique dessus, il sera redirigé vers la destination de l'annonce. 

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

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId - La publicité que nous voulons afficher.
     adSize - Il s'agit de la taille de l'ajout. Il existe différents types de tailles de bannières
 

BANNIÈRE - 320 * 50 taille
   LARGE_BANNER - taille 320 * 100
   MEDIUM_RECTANGLE - taille 320 * 250
   FULL_BANNER - 468 * 60 taille
   LEADERBOARD - 728 * 90 taille
   SMART_BANNER - cette bannière peut être placée à l'intérieur de n'importe quelle taille du conteneur. 

Auditeur- l'auditeur consiste à écouter l'événement qui se produit autour de la bannière adMob. Le rappel de cet écouteur nous fournit une instance d'AdmobAdEvent. 

AdmobAdEvent peut être comme suit: 

chargé, ouvert, fermé, échec de chargement, cliqué, impression, abandon de l'application, terminé, récompensé, démarré. 

 10. Annonce interstitielle: Il s'agit d'une annonce en plein écran qui est présentée à l'utilisateur. Pour ajouter cela, nous devons initialiser AdmobInterstitial. Pour montrer comment nous pouvons l'initialiser, j'ai écrit un petit morceau de code ci-dessous. Tu peux le vérifier. Quel retour AdmobInterstitial, ajoutez également l'écouteur pour écouter AdmobAdEvent. Pour charger l'instance de notre annonce, nous devons appeler la fonction load ().
 

 11. _ AdMob interstitial.load ();

Comme nous ne voulons pas montrer cette annonce à l'utilisateur avant qu'elle ne soit complètement chargée, nous devons observer l'état de l'annonce, si l'annonce a été complètement chargée, nous appelons la fonction show () pour afficher l'annonce à l'utilisateur .

Enfin, nous en avons terminé avec une annonce, nous devons maintenant invoquer la fonction dispose () pour clean_up. 

 12. Annonce de récompense  

L'annonce de récompense peut être exécutée si vous souhaitez récompenser l'utilisateur pour avoir regardé l'annonce affichée à l'écran. Pour afficher l'annonce de récompense, vous devez créer une nouvelle instance de la classe AdmobReward et d'autres éléments sont identiques à l'annonce interstitielle. Si l'utilisateur complète l'annonce, les types AdmobEvent.rewarded nous permettent de recevoir une notification lorsque l'utilisateur est récompensé pour avoir regardé l'annonce. 

[sc name = "Développement d'applications mobiles"] [apss_share]

Il existe de nombreuses façons de gagner de l'argent avec une application mobile, et l'une d'entre elles est la publicité. La diffusion d'annonces sur votre application mobile est l'un des meilleurs moyens de gagner de l'argent. Vous devez mettre en œuvre des publicités Admob pour réussir à diffuser des bannières publicitaires sur votre application mobile. 

Voici le processus étape par étape de la mise en œuvre des publicités Admob dans Flutter Applications.

Find admob_flutter^ 0.3.2 en visitant https://pub.dev/.

Ce blog tutoriel vous montrera comment mettre en œuvre ou afficher une bannière publicitaire à l'aide du plugin admob_flutter. 

Suivez les étapes de synthèse: 

 1. Ouvrez votre Pubspec.yaml. 

 2. Inclure le package admob_flutter en ajoutant admob_flutter: ^ 0.3.2  dans le fichier pubspec.yaml. 

 3. Installer le package à partir de la ligne de commande $ flutter pub obtenir 

 4. Vous devez maintenant créer un identifiant d'application pour admob, vous pouvez vérifier le lien et

obtenir l'identifiant de l'application https://developers.google.com/admob 

 5. Configurez l'application avec l'ID de compte admob qui peut être utilisé dans notre projet. Par exemple "Ca-app-pub-3940256099942544/6300978111 " 

Ajoutez maintenant cet identifiant pour les deux plates-formes (Android et iOS) dans votre projet Flutter. Pour Android, nous devons ajouter cet élément au fichier manifeste comme ci-dessous. 

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

 6. Pour iOS, nous devons ajouter le même ID dans le fichier info.plist.   

<key & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Importez maintenant le package et initialisez add mob.  

 import 'package: admob_flutter / admob_flutter.dart'; 

 8. Maintenant que la configuration de la configuration est terminée, nous pouvons commencer avec des publicités. Le package flutter_admob prend en charge trois types d'annonces différents pouvant être mis en œuvre: bannière, interstitiel et récompense. 

 9. Bannière AdMob

La bannière AdMob nous permet d'afficher une publicité de style bannière dans l'application. Nous pouvons l'utiliser en ajoutant le widget AdMobBanner directement dans notre arborescence de widgets. Lorsque l'utilisateur clique dessus, il sera redirigé vers la destination de l'annonce. 

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

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId - La publicité que nous voulons afficher.
     adSize - Il s'agit de la taille de l'ajout. Il existe différents types de tailles de bannières
 

BANNIÈRE - 320 * 50 taille
   LARGE_BANNER - taille 320 * 100
   MEDIUM_RECTANGLE - taille 320 * 250
   FULL_BANNER - 468 * 60 taille
   LEADERBOARD - 728 * 90 taille
   SMART_BANNER - cette bannière peut être placée à l'intérieur de n'importe quelle taille du conteneur. 

Auditeur- l'auditeur consiste à écouter l'événement qui se produit autour de la bannière adMob. Le rappel de cet écouteur nous fournit une instance d'AdmobAdEvent. 

AdmobAdEvent peut être comme suit: 

chargé, ouvert, fermé, échec de chargement, cliqué, impression, abandon de l'application, terminé, récompensé, démarré. 

 10. Annonce interstitielle: Il s'agit d'une annonce en plein écran qui est présentée à l'utilisateur. Pour ajouter cela, nous devons initialiser AdmobInterstitial. Pour montrer comment nous pouvons l'initialiser, j'ai écrit un petit morceau de code ci-dessous. Tu peux le vérifier. Quel retour AdmobInterstitial, ajoutez également l'écouteur pour écouter AdmobAdEvent. Pour charger l'instance de notre annonce, nous devons appeler la fonction load ().
 

 11. _ AdMob interstitial.load ();

Comme nous ne voulons pas montrer cette annonce à l'utilisateur avant qu'elle ne soit complètement chargée, nous devons observer l'état de l'annonce, si l'annonce a été complètement chargée, nous appelons la fonction show () pour afficher l'annonce à l'utilisateur .

Enfin, nous en avons terminé avec une annonce, nous devons maintenant invoquer la fonction dispose () pour clean_up. 

 12. Annonce de récompense  

L'annonce de récompense peut être exécutée si vous souhaitez récompenser l'utilisateur pour avoir regardé l'annonce affichée à l'écran. Pour afficher l'annonce de récompense, vous devez créer une nouvelle instance de la classe AdmobReward et d'autres éléments sont identiques à l'annonce interstitielle. Si l'utilisateur complète l'annonce, les types AdmobEvent.rewarded nous permettent de recevoir une notification lorsque l'utilisateur est récompensé pour avoir regardé l'annonce. 

Services de développement d'applications mobiles

Voulez-vous tirer parti de la technologie mobile pour votre entreprise? Cynoteck est un fournisseur unique de services de développement d'applications mobiles. Nous fournissons des services de développement d'applications iOS et Android afin que vous puissiez atteindre votre public cible sur n'importe quel appareil.

2.6 5 votes
Évaluation de l'article
S'abonner
Notifier de
invité
0 Commentaires
Commentaires en ligne
Voir tous les commentaires
0
J'adorerais vos pensées, veuillez commenter.x