Ionic framework application Adding AdMob
Start a new Ionic blank project
1
|
ionic create IonicAdMobTest blank
|
Add the platform
ionic platform add android
cordova plugin add com.cordova.plugin.admob
add app.js file
.run(function($ionicPlatform) {
$ionicPlatform.ready(function()
{
// Hide the
accessory bar by default (remove this to show the accessory bar above the
keyboard
// for form
inputs)
if
(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if
(window.StatusBar) {
//
org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
if(window.plugins && window.plugins.AdMob) {
var
admob_key = device.platform == "Android" ?
"ca-app-pub-7957971173858308/3666912163" :
"ca-app-pub-7957971173858308/3666912163";
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'); }
);
}
});
})
Start the emulator
ionic build android
No comments:
Post a Comment