Show admob banner and full screen ad
[android, ios, wp8] [cordova cli] [xdk]
Requires admob account http://www.google.com/ads/admob/
Fix Admob SDK FPS issue: go to your AdMob account and disable text banners, leaving enabled only image banners. (provided by Cipriux) (not both, but one of them)
This is open source cordova plugin.
You can see Plugins For Cordova in one page: http://cranberrygame.github.io?referrer=github
2014.9.17
supports SKYSCRAPER size (120x600, Tablets, ipad only)
Added additional example (example/banner_position_size/index.html)
2014.9.18
supports isTest
supports other position: 'top-left', 'top-right', 'left', 'center', 'right', 'bottom-left', 'bottom-right' on android, wp8.
supports SMART_BANNER resize when orientation changes on android.
2014.9.20
supports isOverlap on android, ios, wp8
2014.9.24
supports banner ad callback (onBannerAdLoaded)
supports full screen ad callback (onFullScreenAdLoaded)
2014.10.3
supports banner ad callback (onBannerAdPreloaded)
supports full screen ad callback (onFullScreenAdPreloaded)
1.0.31
Updated Admob SDK
iOS 6.12.2
1.0.39
Moved package name from com.cranberrygame.phonegap.plugin.ad.admob to com.cranberrygame.cordova.plugin.ad.admob
Updated Admob SDK
android com.google.playservices@21.0.0
iOS GoogleMobileAdsSdkiOS-7.1.0
1.0.53
Added isShowingBannerAd, isShowingFullScreenAd
To-Do:
supports ios split mode
supports wp8 split mode
supports other position: 'top-left', 'top-right', 'left', 'center', 'right', 'bottom-left', 'bottom-right' on ios.
supports banner reposition when orientation changes on ios.
supports SMART_BANNER resize when orientation changes on ios.
https://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface - npm install -g cordova@4.1.2
cordova plugin add com.cranberrygame.cordova.plugin.ad.admob
https://software.intel.com/en-us/intel-xdk - Download XDK - XDK PORJECTS - [specific project] - CORDOVA 3.X HYBRID MOBILE APP SETTINGS - PLUGINS - Third Party Plugins - Add a Third Party Plugin - Get Plugin from the Web -
Name: admob
Plugin ID: com.cranberrygame.cordova.plugin.ad.admob
[v] Plugin is located in the Apache Cordova Plugins Registry
https://cocoon.io - Create project - [specific project] - Setting - Plugins - Search - cranberrygame - admob
https://build.phonegap.com/ - Apps - [specific project] - Update code - Zip file including config.xml
<gap:plugin name="com.cranberrygame.cordova.plugin.ad.admob" source="plugins.cordova.io" />
Download construct2 plugin: https://dl.dropboxusercontent.com/u/186681453/pluginsforcordova/admob/construct2.html
Now all the native plugins are installed automatically: https://plus.google.com/102658703990850475314/posts/XS5jjEApJYV
var adUnitBanner = "REPLACE_THIS_WITH_YOUR_BANNER_AD_UNIT";
var adUnitFullScreen = "REPLACE_THIS_WITH_YOUR_FULL_SCREEN_AD_UNIT";
var isOverlap = true; //true: overlap, false: split
var isTest = true;
/*
var adUnitBanner;
var adUnitFullScreen;
var isOverlap = true; //true: overlap, false: split
var isTest = true;
//android
if (navigator.userAgent.match(/Android/i)) {
adUnitBanner = "REPLACE_THIS_WITH_YOUR_BANNER_AD_UNIT";
adUnitFullScreen = "REPLACE_THIS_WITH_YOUR_FULL_SCREEN_AD_UNIT";
}
//ios
else if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
adUnitBanner = "REPLACE_THIS_WITH_YOUR_BANNER_AD_UNIT";
adUnitFullScreen = "REPLACE_THIS_WITH_YOUR_FULL_SCREEN_AD_UNIT";
}
//wp8
else if( navigator.userAgent.match(/Windows Phone/i) ) {
adUnitBanner = "REPLACE_THIS_WITH_YOUR_BANNER_AD_UNIT";
adUnitFullScreen = "REPLACE_THIS_WITH_YOUR_FULL_SCREEN_AD_UNIT";
}
*/
document.addEventListener("deviceready", function(){
//if no license key, 2% ad traffic share for dev support.
//you can get free license key from https://play.google.com/store/apps/details?id=com.cranberrygame.pluginsforcordova
//window.admob.setLicenseKey("yourEmailId@yourEmaildDamin.com", "yourFreeLicenseKey");
window.admob.setUp(adUnitBanner, adUnitFullScreen, isOverlap, isTest);
//
window.admob.onBannerAdPreloaded = function() {
alert('onBannerAdPreloaded');
};
window.admob.onBannerAdLoaded = function() {
alert('onBannerAdLoaded');
};
window.admob.onBannerAdShown = function() {
alert('onBannerAdShown');
};
window.admob.onBannerAdHidden = function() {
alert('onBannerAdHidden');
};
//
window.admob.onFullScreenAdPreloaded = function() {
alert('onFullScreenAdPreloaded');
};
window.admob.onFullScreenAdLoaded = function() {
alert('onFullScreenAdLoaded');
};
window.admob.onFullScreenAdShown = function() {
alert('onFullScreenAdShown');
};
window.admob.onFullScreenAdHidden = function() {
alert('onFullScreenAdHidden');
};
}, false);
window.admob.preloadBannerAd();//option, download ad previously for fast show
/*
position: 'top-left', 'top-center', 'top-right', 'left', 'center', 'right', 'bottom-left', 'bottom-center', 'bottom-right'
size: 'BANNER' (320x50, Phones and Tablets)
'LARGE_BANNER' (320x100, Phones and Tablets)
'MEDIUM_RECTANGLE' (300x250, Phones and Tablets)
'FULL_BANNER' (468x60, Tablets)
'LEADERBOARD' (728x90, Tablets)
'SKYSCRAPER' (120x600, Tablets, ipad only)
'SMART_BANNER' (Auto size, Phones and Tablets, recommended)
*/
window.admob.showBannerAd('top-center', 'SMART_BANNER');
window.admob.showBannerAd('bottom-center', 'SMART_BANNER');
window.admob.reloadBannerAd();
window.admob.hideBannerAd();
window.admob.preloadFullScreenAd();//option, download ad previously for fast show
window.admob.showFullScreenAd();
alert(window.admob.isShowingBannerAd());//boolean: true or false
alert(window.admob.isShowingFullScreenAd());//boolean: true or false
example/basic/index.html
example/advanced/index.html
You can also run following test apk. https://dl.dropboxusercontent.com/u/186681453/pluginsforcordova/admob/apk.html
Plugins For Cordova
http://cranberrygame.github.io?referrer=github