質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

AdMob

AdMobは、事前に指定した条件に従ってアプリに広告を表示するGoogleのサービス。開発者の向けのサービスで、広告を掲載することにより、収益を得ることが可能です。その他、見た目や雰囲気などアプリに合う広告に変更したり、広告表示の場所を指定することもできます。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

解決済

1回答

910閲覧

monacaでadmob(admobpro)表示したい。

kaji

総合スコア648

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

AdMob

AdMobは、事前に指定した条件に従ってアプリに広告を表示するGoogleのサービス。開発者の向けのサービスで、広告を掲載することにより、収益を得ることが可能です。その他、見た目や雰囲気などアプリに合う広告に変更したり、広告表示の場所を指定することもできます。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

1クリップ

投稿2020/05/22 05:58

編集2020/05/26 10:14

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

admobには
admob-freeとadmob-proがあるようでしたが、
monaca公式に解説があるのがadmob-proだったので、そちらを組み込んでます。

サンプルを組み込んで見たところ、
androidでmonacaデバッガー(localKit経由)を使って実機端末で、以下エラーが出ました。

Uncaught ReferenceError: AdMob is not defined www/js/app.js:181

app.js

function onDeviceReady() { console.log("admob init"); if (! AdMob) { alert( 'admob plugin not ready' ); return; } // ここが181行目 initialization(); // display a banner at startup createSelectedBanner(); }

app.jsを確認したところif (! AdMob) の部分が引っかかってそうでした。

AdMobはcordova-plugin-admobproの中の物を読み込んでるんだと、おもいますが、以下のようにプラグインは組み込んでます。

cordova-plugin-admobproのプラグインが必要とあったので、
クラウドIDEのプラグインインポートからインポートしました。
以下にファイルが有ることも確認してます。

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

monacaのadmob詳しい方教えてほしいです。

##確認A
AdMob is not definedでネット検索しましたが、それらしい情報がありませんでした。

##1.以下はブラウザ実行エラーで関係なかった。

https://stackoverflow.com/questions/33688937/cordova-admob-plugin-working-but-with-uncaught-reference-error

##2. これはadmob-freeのエラーで関係なかった。
https://github.com/appfeel/admob-google-cordova/issues/9

##確認B
android端末で表示したときに、

デバッガーに含まれていないプラグインがあります。 cordova-plugin-admobpro

と出ますが、Monacaデバッガーにデフォでcordova-plugin-admobproが入ってないため
発生してるものと思ってるので、
関係ないかなと思ってスルーしてます。

[2020/5/26 追記]
localKit経由でビルドすることで、このメッセージなくなりましたが、同エラー(admobがない)は発生してました。

##確認C
package.jsonにadmobのIDは、忘れずに、いれてあります。

"cordova": { "plugins": { "cordova-plugin-admobpro": { "ADMOB_ANDROID_APP_ID": "ca-app-pub-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", "ADMOB_IOS_APP_ID": "__your_admob_ios_app_id___" } } },

##追記
admob-proがダメそうだったので、admob-freeについても調べましたが、こちら同様、Admobが読み込めないエラーとなりました。(プラグイン名が違うので別質問として質問させていただいてます。)
https://teratail.com/questions/264744

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

https://teratail.com/questions/264744
admob別ライブラリの質問に、投稿があり、デバッグビルドで解決できそうです。ありがとうございました。

投稿2020/06/01 06:39

編集2020/06/01 06:39
kaji

総合スコア648

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問