🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Monaca

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

Q&A

解決済

1回答

1783閲覧

Monaca上で図形を挿入したい

lily-mayu

総合スコア8

Monaca

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

0グッド

1クリップ

投稿2019/09/14 12:51

編集2019/09/16 02:18

基本的なことで恐縮です。
monacaでゲームを作成しているのですが、メニューバーと広告の間に図形を入れたいです。
(下記の画像を参照してください。)
イメージ説明

※当初、①のとおりゲームを作成していましたが、メニューバーと広告が近すぎるせいか、
広告主(google)より警告を食らいました。広告主からの警告の詳細は下にあります。
図形を挿入し、間を空けることで改善を考えています。
なお、構文は下記の通りです。

<body> <ng-include src="'./quiz_1/navigator.html'"></ng-include> <ng-include src="'./quiz_2/navigator.html'"></ng-include> <ng-include src="'./quiz_3/navigator.html'"></ng-include> <ng-include src="'./quiz_4/navigator.html'"></ng-include> <ng-include src="'./quiz_5/navigator.html'"></ng-include> <ng-include src="'./quiz_6/navigator.html'"></ng-include>
<ons-tabbar var="tabbar"> <ons-tabbar-item icon="leaf" label="トップに戻る" page="home_navigator.html" active="true"></ons-tabbar-item> <ons-tabbar-item icon="leaf" label="メニュー画面" page="about.html"></ons-tabbar-item> </ons-tabbar>
</body> </html>

【広告主からの警告】
〔ここから〕
偶発的クリックを誘導するレイアウト - 予期しないタイミングでのインタースティシャル広告の表示
AdMob インタースティシャル広告のクリックを誘発するような行為は一切認められません。どのようにインタースティシャル広告を導入しているかご確認いただき、次に示すようなポリシーに準拠していない広告の掲載例にご注意ください。

ユーザーがアプリのコンテンツを閲覧している最中に予期せず読み込まれるインタースティシャル広告。
〔ここまで〕
インターステイシャル広告はゲームがひと段落して、トップ画面に戻った時に表示されるようにしているので、それが原因ではないと思います。
おそらく上記にあるようにバナーが原因なのかと…。

以上、ご教示くださいますようお願いいたします。

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

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

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

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

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

oikashinoa

2019/09/16 02:09

Googleからどんな警告を貰っているのか詳細を載せると回答つきやすいかもしれないです。
lily-mayu

2019/09/16 02:19

oikashinoa様 アドバイスありがとうございます。 名前が変わりましたが質問者です。 広告主からの警告を追記しましたので、ご確認くだされば幸いです。 よろしくお願いいたします。
guest

回答1

0

ベストアンサー

ons-tabbarmargin-bottomを設定し、bodyタグに背景画像を設定してはいかがでしょうか?

例:tabbarの下に100ピクセルの空きを作る

<ons-tabbar style="margin-bottom:100px;" >

bodyタグでtabbarの下に表示する画像を設定する

<body style="background-image: url(some.png);">

画像の上部がtabbarと重なってしまうので、位置の調整を background-position:で設定すると良いかも知れません。

投稿2019/09/17 08:30

KNaito

総合スコア376

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

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

lily-mayu

2019/09/20 23:54

KNaito様 ご教示ありがとうございました。 無事に設定することができました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問