バナー設置君の使い方

Question

バナー設置君を早速使ってみました。
今まではメモなどに残していましたがその必要はなくなり、かなり簡単になりましたが一つだけやり方がわからなかったので教えてください。
同時表示用の欄に同時に表示させてたバナー用のHTMLを挿入してください。
と、ありますがイマイチちゃんと表示されません。
やり方を教えていただけますか？

Answer

ECマスターズの田中です。

バナー設置君にて出力されるHTML（正確には、その中のタグ）には、
「ID」という、いわゆる名前がついており、
その名前に対して見た目の指定を行うことで、固定バナーの設置を実現しております。

ちゃんと表示されなかったのは、おそらく、
「結果」のHTMLと「同時表示用」のHTMLで、設定されているIDが同じものであったのではないでしょうか。

その場合は、
「同時表示用」にHTMLを貼り付けて、２つ目のバナーの設定が終わったところで、
上級オプション内の「ID」を別の文字列（fixedBanner2 など）に設定していただくことで、
それぞれのバナーを正しく表示させることができます。

Answer

返信ありがとうございます。
半分素人ですのでdivの扱いがわかりません。
指示通りにしているつもりですが

 許可されないHTMLタグ "div" が入力されています。
 許可されないHTMLタグ "style" が入力されています。

でエラーがでます。

入力しているものは以下の通りです







#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 130px;
right: -75px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner:hover {
right: 0px;
}










#fixedBanner2 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner2 img {
width: auto;
height: auto;
vertical-align: bottom;
}




以下を削除した場合は反映できます。
ご確認の程よろしくお願いします。

Answer

ECマスターズの田中です。

バナー設置君上ではなく、RMSに実際貼り付けた時にうまくいかない、ということですね。
その場合は、バナー設置君にて、上級オプションの「スマートフォン用ページ対応」に
チェックを入れた上で、結果のHTMLをご利用ください。

バナー設置君で作成したHTMLには、ご覧の通り
スマートフォン用入力項目では利用できないやタグが含まれておりますが、

上記のように、利用禁止タグの名前の後ろに「 =""」を挿入することで、
禁止タグが含まれているかどうかのチェックを回避することができます。

上級オプションの「スマートフォン用ページ対応」にチェックをいれることで、
この「 =""」が自動で挿入される仕組みとなっております。

なお、バナー設置君にも記載しておりますが、
上記、禁止タグを使う方法は、RMSのバグを利用する方法なので、
今後のRMSの改修により、使用できなくなる可能性がありますので
ご承知おきください。

Answer

ありがとうございます。
表示は出来ましたが下のバナーの隠れている部分をタップしても動きません。
こちらもご確認いただき返答をお願いいたします。








#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 148px;
right: -75px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner:hover {
right: 0px;
}










#fixedBanner2 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 288px;
right: -75px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner2 img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner:hover {
right: 0px;
}

Answer

ECマスターズの田中です。

貼り付けていただいたHTMLタグのうち、
下側のタグの内容、下から３行目が
#fixedBanner:hover
になっており、
「fixedBanner2」にタップ後の位置が設定されていない状態になっておりますので、
これを
#fixedBanner2:hover
に修正をお願いします（2を追記してください）。

Answer

見落としていました。
ちゃんと表示できました、ありがとうございます。

Answer

バナー設置君の同時表示は２コまでですかね？
３コ目を入れると２コめが消えてしますのですが。

Answer

ECマスターズの田中です。

＞バナー設置君の同時表示は２コまでですかね？
特に制限数などはなく、３個以上でも表示できます。
いずれかのバナーが消える場合は、IDが重複している可能性が高いので、
重複していないかどうか、再度ご確認をお願いいたします。

どうしてもわからない場合は、
見せたくない部分（ショップURLなど）を伏せた状態で、
ソース全体をお知らせいただければと思います。
フォーラムで回答しづらい場合は、リクエストフォームよりお知らせください。