Voici un petit billet afin d'ajouter rapidement et surtout facilement AdMob sur votre application mobile. Au moment où j'écris ces lignes, toutes les manipulations trouvées sur la toile ne m'ont guère aidé, c'est pourquoi j'ai trouvé cette solution et souhaite vous la partager.

1. Installez le plugin

ionic plugin add com.admob.google

2. Ajoutez le fichier js suivant dans l'index.html

Vous trouverez angular-admob.js dans le répértoire du plugin.

<script src="js/angular-admob.js"></script>

3. Ajoutez la fonction onload sur le body du index.html

<body ng-app="starter" onload="runads()">

 

4. Et pour finir ajoutez le code javascript suivant à la fin du fichier index.html

<script type="text/javascript">// <![CDATA[
          function runads(){
                  document.addEventListener("deviceready", onDeviceReady, false);
          }

          function initAds() {
                  if (admob) {
                          var adPublisherIds = {
                                  ios : {
                                          banner : "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII"
                                  },
                                  android : {
                                          banner : "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII",
                                          interstitial : "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII"
                                  }
                          };

                          var admobid = (/(android)/i.test(navigator.userAgent)) ? adPublisherIds.android : adPublisherIds.ios;

                          admob.setOptions({
                                  publisherId:      admobid.banner,
                                  interstitialAdId: admobid.interstitial,
                                  tappxIdiOs:       "/XXXXXXXXX/Pub-XXXX-iOS-IIII",
                                  tappxIdAndroid:   "/XXXXXXXXX/Pub-XXXX-Android-AAAA",
                                  tappxShare:       0.5
                          });

                          registerAdEvents();

                  } else {
                          alert('AdMobAds plugin not ready');
                  }
          }

          function onAdLoaded(e) {
                  if (e.adType === admob.AD_TYPE.INTERSTITIAL) {
                          admob.showInterstitialAd();
                          showNextInterstitial = setTimeout(function() {
                                  admob.requestInterstitialAd();
                          }, 2 * 60 * 1000); // 2 minutes
                  }
          }

          // optional, in case respond to events
          function registerAdEvents() {
                  document.addEventListener(admob.events.onAdLoaded, onAdLoaded);
                  document.addEventListener(admob.events.onAdFailedToLoad, function (e) {});
                  document.addEventListener(admob.events.onAdOpened, function (e) {});
                  document.addEventListener(admob.events.onAdClosed, function (e) {});
                  document.addEventListener(admob.events.onAdLeftApplication, function (e) {});
                  document.addEventListener(admob.events.onInAppPurchaseRequested, function (e) {});
          }

          function onDeviceReady() {
                  document.removeEventListener('deviceready', onDeviceReady, false);
                  initAds();

                  // display a banner at startup
                  admob.createBannerView();

                  // request an interstitial
                  admob.requestInterstitialAd();
          }
  // ]]></script>

Petit détail qui a son importance !

En ajoutant ce code vous allez ajouter une bannière en bas de votre application ainsi qu'une autre pub interstitiel (mais si, vous savez, celle qui prend toute la page une fois que l'application a chargé et ou vous cliquez dessus sans faire exprès). Enfin bref, tout ça pour dire que si vous commentés l'une des dernières ligne admob.createBannerView(); ou admob.requestInterstitialAd(); vous pourrez désactiver celle que vous ne voulez pas.

 

Voilà, j'espère que pour vous aussi tout c'est bien passé (vous êtes désormais prêt à faire chi*r vos utilisateurs avec votre publicité ^^).

 

Source: Stackoverflow

Développement web Ionic Framework