Wie kann Admob in Ionic implementiert werden?

Question

Ich folgte den Anweisungen dieser Beitrag: AdMob not loading ads in ionic/angular app

Wenn ich die App über „ionische build ios & & ionische emulieren ios“ Ich habe keine Anzeigen erhalten laufen, keine schwarzen Balken nichts.

Was habe ich vermisst?

Dank

Answer 1

Sie können die Anweisungen bei https://github.com/appfeel/admob-google-cordova/wiki/Angular.js,-Ionic-apps folgen:

• das Plugin wie gewohnt installieren (siehe hier):

  ionic plugin add cordova-admob 
  

• Fügen Sie das folgende Skript in Ihrem index.html (nur sie, keine Notwendigkeit um eine Datei zu kopieren: das Plugin ist verantwortlich, das Skript zu kopieren, wenn die App vorbereitet ist):

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

• Rufen Sie AdMob über Ihre Ionic App an.

Hier ist ein kurzes Beispiel:

var app = angular.module('myApp', ['admobModule']); 

app.config(['admobSvcProvider', function (admobSvcProvider) { 
    // Optionally you can configure the options here: 
    admobSvcProvider.setOptions({ 
    publisherId:   "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB", // Required 
    interstitialAdId:  "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII", // Optional 
    }); 
}]); 


app.run(['admobSvc', function (admobSvc) { 
    // Also you could configure the options here (or in any controller): 
    // admobSvcProvider.setOptions({ ... }); 

    admobSvc.createBannerView(); 
    // You could also call admobSvc.createBannerView(options); 


    // Handle events: 
    $rootScope.$on(admobSvc.events.onAdOpened, function onAdOpened(evt, e) { 
    console.log('adOpened: type of ad:' + e.adType); 
    }); 
}]); 

Answer 2

Gehen Sie folgendermaßen vor:

1. ionic platform add android ionic platform add ios
2. cordova plugin add com.rjfun.cordova.plugin.admob
3. diesen Code in Laufmodul von

Code der app.js Einfügen:

$ionicPlatform.ready(function() { 
    if(window.plugins && window.plugins.AdMob) { 
     var admob_key = device.platform == "Android" ? "ANDROID_PUBLISHER_KEY" : "IOS_PUBLISHER_KEY"; 
     var admob = window.plugins.AdMob; 
     admob.createBannerView({ 
      'publisherId': admob_key, 
      'adSize': admob.AD_SIZE.BANNER, 
      'bannerAtTop': false 
     }, 
     function() { 
      admob.requestAd({ 'isTesting': false }, 
     function() { 
      admob.showAd(true); 
     }, 
     function() { console.log('failed to request ad'); }); 
     }, 
     function() { console.log('failed to create banner view'); }); 
    } 
}); 

Grüße.