「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> | ||
| − | |||
==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のインポート
- 設定/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
