Google Play Admob integration with Phonegap

Tom picture Tom · Mar 13, 2014 · Viewed 11.1k times · Source

How do you add Google Admob to a phonegap app (android) in 2014?

I have checked many examples online e.g. link1 link2 Link3 Link4. Most link to Googles soon to be deprecated Android 6.4.1 tutorial.

Apart from specific android or iOS tutorials, I cannot find any that demonstrate how to implement the latest admob into phonegap for a cross platform app. I have seen inmobi however it looks like you have to publish your app before you can get a publisher id for your adverts.

Update with Android simplified instructions I am getting the black box for the advert however nothing else, no alert messages, no advert

phonegap create myproject
cd mypproject
phonegap run android

Close down the emulator

1.Install the Google Play Services plugin:  cordova plugin add     https://github.com/MobileChromeApps/google-play-services.git  
2.Install this plugin:  cordova plugin add https://github.com/floatinghotpot/cordova-plugin-admob.git  

Then I headed over to index.js and onDeviceReady I added

   onDeviceReady: function() {
     app.receivedEvent('deviceready');

if( window.plugins && window.plugins.AdMob ) {
    var admob_android_key = 'pub-6xxxxxxxxxxxxx';
    var am = window.plugins.AdMob;

    am.createBannerView( 
    {
    'publisherId': admob_android_key,
    'adSize': am.AD_SIZE.BANNER,
    'bannerAtTop': true
    }, 
    function() {
        am.requestAd(
            { 'isTesting':true }, 
            function(){
                am.showAd( true );
            }, 
            function(){ alert('failed to request ad'); }
        );
    }, 
    function(){ alert('failed to create banner view'); }
    );
    } else {
    alert('AdMob plugin not available/ready.');
    }

  }

Added to index.html

       <div>
            <button id='show-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(true); }">Show Ad</button>
            <button id='hide-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(false); }">Hide Ad</button>
        </div>

phonegap run android

Answer

DonAngelo picture DonAngelo · Mar 14, 2014

This admob plugin works with google play sdk: https://github.com/floatinghotpot/cordova-plugin-admob . Check readmes in main folder AND in subfolders for details.