facebook twitter hatena line email

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