Monaca/admob/admob-pro

インストール

https://docs.monaca.io/ja/sampleapp/samples/admob/

インポートを押し、クラウドIDEで起動する。

cordova-plugin-admobproのインポート

1. 設定/cordovaプラグイン/にcordova-plugin-admobproが(あると思うが、）なければ・・・
2. cordovaプラグインのインポートボタンをクリック
3. 入力欄に"cordova-plugin-admobpro"を入力しインポート

1. プレビューLogを更新する
2. フォルダリストの表示を更新する
3. 以下ファイルができてることを確認。

node_modules/cordova-plugin-admobpro/www/AdMob.js

もしくは、package.jsonにcordova-plugin-admobproが追加されてれば、res/custom_plugins/cordova-plugin-admobpro/www/AdMob.jsがあるか確認

package.json

{
    "dependencies": {
        "cordova-plugin-admobpro": "file:res/custom_plugins/cordova-plugin-admobpro"
    }
}

admobのID設定

package.jsonにadmobのID入れる

   "cordova": {
       "plugins": {
           "cordova-plugin-admobpro": {
               "ADMOB_ANDROID_APP_ID": "__your_admob_android_app_id___",
               "ADMOB_IOS_APP_ID": "__your_admob_ios_app_id___"
           }
       }
   },

"cordova-plugin-admobpro": が{}となっていれば、クラウドIDEのcordovaプラグインから、 同プラグインで、上書いて、消してしてるので、手動で追加する。

以下エラーが出る

Uncaught ReferenceError: AdMob is not defined
www/js/app.js:181

参考

monaca公式のadmobサンプル：https://docs.monaca.io/ja/sampleapp/samples/admob/

githubのcordova-admob-pro公式：https://github.com/floatinghotpot/cordova-admob-pro