「Monaca/admob/admob-pro」の版間の差分

2020年5月22日 (金) 18:46時点における版

インストール

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

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

cordova-plugin-admobproのインポート

1. 設定/cordovaプラグイン/cordovaプラグインのインポートボタンをクリック
2. 入力欄に"cordova-plugin-admobpro"を入力しインポート

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

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

package.json

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

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

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___"
           }
       }
   },

以下エラーが出る

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