CordovaアプリにAdmob広告を表示する方法

こんにちは！ぐちです。

こちらの記事でNend広告を表示するプラグインをご紹介しましたが今回はAdmob広告を表示するプラグインをご紹介したいと思います。

cordova-admob-pro

Githubでこちらに公開されています。例のごとくRaymond Xieさんに感謝です！！

サポートOS

サポートしているOSは下記の3つです。

Android
iOS
Windows Phone

アドネットワーク

下記の広告配信ネットワークに対応しているようです。

AdMob
DFP
Facebook Audience Network
Flurry
iAd
InMobi
Millennial Media
MobFox

詳しくはREADMEをご覧ください。

インストール

cordovaコマンドを使いいつものようにインストールします。

cordova plugin add cordova-plugin-admobpro

使い方

var admobid = {};
// select the right Ad Id according to platform
if( /(android)/i.test(navigator.userAgent) ) {
    admobid = { // for Android
        banner: 'ca-app-pub-6869992474017983/9375997553',
        interstitial: 'ca-app-pub-6869992474017983/1657046752'
    };
} else if(/(ipod|iphone|ipad)/i.test(navigator.userAgent)) {
    admobid = { // for iOS
        banner: 'ca-app-pub-6869992474017983/4806197152',
        interstitial: 'ca-app-pub-6869992474017983/7563979554'
    };
} else {
    admobid = { // for Windows Phone
        banner: 'ca-app-pub-6869992474017983/8878394753',
        interstitial: 'ca-app-pub-6869992474017983/1355127956'
    };
}

if(AdMob) AdMob.createBanner( admobid.banner );

AdmobのUnit IDを指定して上記のように1行書くだけで使えるようです。超簡単ですね！詳しくはこちらのページをご覧ください。かなり詳細にサンプルコードを記載してくださっています。