「Monaca/admob/admob-pro」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→admobのID設定) |
|||
| (同じ利用者による、間の6版が非表示) | |||
| 行5: | 行5: | ||
==cordova-plugin-admobproのインポート== | ==cordova-plugin-admobproのインポート== | ||
| − | cordova-plugin-admobpro | + | #設定/cordovaプラグイン/にcordova-plugin-admobproが(あると思うが、）なければ・・・ |
| + | #cordovaプラグインのインポートボタンをクリック | ||
| + | #入力欄に"cordova-plugin-admobpro"を入力しインポート | ||
| + | |||
| + | #プレビューLogを更新する | ||
| + | #フォルダリストの表示を更新する | ||
| + | #以下ファイルができてることを確認。 | ||
| + | node_modules/cordova-plugin-admobpro/www/AdMob.js | ||
| + | |||
| + | もしくは、package.jsonにcordova-plugin-admobproが追加されてれば、res/custom_plugins/cordova-plugin-admobpro/www/AdMob.jsがあるか確認 | ||
| + | |||
| + | package.json | ||
| + | <pre> | ||
| + | { | ||
| + | "dependencies": { | ||
| + | "cordova-plugin-admobpro": "file:res/custom_plugins/cordova-plugin-admobpro" | ||
| + | } | ||
| + | } | ||
| + | </pre> | ||
| + | |||
| + | ==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プラグインから、 | ||
| + | 同プラグインで、上書いて、消してしてるので、手動で追加する。 | ||
==以下エラーが出る== | ==以下エラーが出る== | ||
| 行13: | 行44: | ||
==参考== | ==参考== | ||
monaca公式のadmobサンプル：https://docs.monaca.io/ja/sampleapp/samples/admob/ | monaca公式のadmobサンプル：https://docs.monaca.io/ja/sampleapp/samples/admob/ | ||
| + | |||
| + | githubのcordova-admob-pro公式：https://github.com/floatinghotpot/cordova-admob-pro | ||
2020年5月22日 (金) 20:01時点における最新版
インストール
https://docs.monaca.io/ja/sampleapp/samples/admob/
インポートを押し、クラウドIDEで起動する。
cordova-plugin-admobproのインポート
- 設定/cordovaプラグイン/にcordova-plugin-admobproが(あると思うが、）なければ・・・
- cordovaプラグインのインポートボタンをクリック
- 入力欄に"cordova-plugin-admobpro"を入力しインポート
- プレビューLogを更新する
- フォルダリストの表示を更新する
- 以下ファイルができてることを確認。
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
