UNPKG

cordova-plugin-mobilino-mopub

Version:
138 lines (101 loc) 4.52 kB
# cordova-plugin-mobilino-mopub (Pro) # Present MoPub Ads in Mobile App/Games natively from JavaScript. Available on npm. Highlights: - [x] Easy-to-use APIs. Display Ad with single line of Js code. - [x] Support Banner, Interstitial Ad, and Video Ad. - [x] One plugin supports both Android and iOS platform. - [x] Multiple banner size, also support custom size. - [x] Fixed and overlapped mode. - [x] Auto fit on orientation change. - [x] Actively maintained, prompt support. Compatible with: * Cordova CLI, v3.5+ * Intel XDK and Crosswalk, r1095+ * IBM Worklight, v6.2+ ## How to use? ## If use with Cordova CLI: ``` cordova plugin add com.rjfun.cordova.mopub ``` If use with Intel XDK: Project -> CORDOVA 3.X HYBRID MOBILE APP SETTINGS -> PLUGINS AND PERMISSIONS -> Third-Party Plugins -> Add a Third-Party Plugin -> Get Plugin from the Web, input: ``` Name: MoPubPluginPro Plugin ID: com.rjfun.cordova.mopub [x] Plugin is located in the Apache Cordova Plugins Registry ``` ## Quick Start Example Code ## Step 1: Prepare your MoPub publisher Id for your app, create it in [MoPub website](http://www.mopub.com/) ```javascript var ad_units = { ios : { banner:"agltb3B1Yi1pbmNyDAsSBFNpdGUY8fgRDA", interstitial:"agltb3B1Yi1pbmNyDAsSBFNpdGUYsckMDA" }, android : { banner:"agltb3B1Yi1pbmNyDAsSBFNpdGUY8fgRDA", interstitial:"agltb3B1Yi1pbmNyDAsSBFNpdGUYsckMDA" } }; // select the right Ad Id according to platform var adid = (/(android)/i.test(navigator.userAgent)) ? ad_units.android : ad_units.ios; ``` Step 2: Create a banner with single line of javascript ```javascript // it will display smart banner at top center, using the default options if(MoPub) MoPub.createBanner( adid.banner ); ``` Or, show the banner Ad in some other way: ```javascript // or, show a default banner at bottom if(MoPub) MoPub.createBanner( { adId: adid.banner, position:MoPub.AD_POSITION.BOTTOM_CENTER, autoShow:true} ); ``` Step 3: Prepare an interstitial, and show it when needed ```javascript // preppare and load ad resource in background, e.g. at begining of game level if(MoPub) MoPub.prepareInterstitial( {adId:adid.interstitial, autoShow:false} ); // show the interstitial later, e.g. at end of game level if(MoPub) MoPub.showInterstitial(); ``` ## Javascript API Overview ## Methods: ```javascript // set default value for other methods setOptions(options, success, fail); // for banner createBanner(adId/options, success, fail); removeBanner(); showBanner(position); showBannerAtXY(x, y); hideBanner(); // for interstitial prepareInterstitial(adId/options, success, fail); showInterstitial(); ``` ## Detailed Documentation ## The APIs, Events and Options are detailed documented. Read the detailed API Reference Documentation [English](https://github.com/floatinghotpot/cordova-plugin-mopub/wiki). ## FAQ ## If encounter problem when using the plugin, please read the [FAQ](https://github.com/floatinghotpot/cordova-plugin-mopub/wiki/FAQ) first. ## Full Example Code ## This MoPub Plugin Pro offers the most flexibility and many options. Check the [test/index.html] (https://github.com/floatinghotpot/cordova-plugin-mopub/blob/master/test/index.html). ## Screenshots ## iPhone Banner | iPhone Interstitial -------|--------------- ![ScreenShot](docs/iphone_banner.jpg) | ![ScreenShot](docs/iphone_interstitial.jpg) Ad PluginPro series for the world leading Mobile Ad services: * [GoogleAds PluginPro](https://github.com/floatinghotpot/cordova-admob-pro), for Google AdMob/DoubleClick. * [iAd PluginPro](https://github.com/floatinghotpot/cordova-iad-pro), for Apple iAd. * [FacebookAds PluginPro](https://github.com/floatinghotpot/cordova-plugin-facebookads), for Facebook Audience Network. * [FlurryAds PluginPro](https://github.com/floatinghotpot/cordova-plugin-flurry), for Flurry Ads. * [mMedia PluginPro](https://github.com/floatinghotpot/cordova-plugin-mmedia), for Millennial Meida. * [MobFox PluginPro](https://github.com/floatinghotpot/cordova-mobfox-pro), for MobFox. * [MoPub PluginPro](https://github.com/floatinghotpot/cordova-plugin-mopub), for MoPub. More Cordova/PhoneGap plugins by Raymond Xie, [find them in plugin registry](http://plugins.cordova.io/#/search?search=rjfun). If use in commercial project or need prompt support, please [buy a license](http://rjfun.github.io/), you will be served with high priority. Project outsourcing and consulting service is also available. Please [contact us](mailto:rjfun.mobile@gmail.com) if you have the business needs.