facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(cordova-plugin-admobproのインポート)
(admobのID設定)
 
(同じ利用者による、間の2版が非表示)
行5: 行5:
  
 
==cordova-plugin-admobproのインポート==
 
==cordova-plugin-admobproのインポート==
#設定/cordovaプラグイン/cordovaプラグインのインポートボタンをクリック
+
#設定/cordovaプラグイン/にcordova-plugin-admobproが(あると思うが、)なければ・・・
 +
#cordovaプラグインのインポートボタンをクリック
 
#入力欄に"cordova-plugin-admobpro"を入力しインポート
 
#入力欄に"cordova-plugin-admobpro"を入力しインポート
  
行12: 行13:
 
#以下ファイルができてることを確認。
 
#以下ファイルができてることを確認。
 
  node_modules/cordova-plugin-admobpro/www/AdMob.js
 
  node_modules/cordova-plugin-admobpro/www/AdMob.js
 +
 +
もしくは、package.jsonにcordova-plugin-admobproが追加されてれば、res/custom_plugins/cordova-plugin-admobpro/www/AdMob.jsがあるか確認
  
 
package.json
 
package.json
行21: 行24:
 
}
 
}
 
</pre>
 
</pre>
package.jsonにcordova-plugin-admobproが追加されてれば、res/custom_plugins/cordova-plugin-admobpro/www/AdMob.jsがあるか確認
 
  
 
==admobのID設定==
 
==admobのID設定==
行33: 行35:
 
         }
 
         }
 
     },
 
     },
 +
"cordova-plugin-admobpro": が{}となっていれば、クラウドIDEのcordovaプラグインから、
 +
同プラグインで、上書いて、消してしてるので、手動で追加する。
  
 
==以下エラーが出る==
 
==以下エラーが出る==

2020年5月22日 (金) 20:01時点における最新版

インストール

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