楽天スマホ　サイド固定バナー

Question

毎度お世話になっております。

現在スマホページ下部にフローティングバナーを設定してますが
スマホページの右サイドに下記サイトのような固定バナーを表示したいと考えております
設置方法を教えていただけますでしょうか？

http://item.rakuten.co.jp/galstar/114029/?s-id=top_normal_rk_hashist

Accepted Answer

ECマスターズの田中です。

フローティングバナーの設置方法をご案内差し上げる前に、
本日RMSにて、スマートフォン用ページのコンテンツ修正のお願いが
公示されましたので、まずはこちらをご確認ください。
https://mainmenu.rms.rakuten.co.jp/?act=supportnews&news_id=4614

上記URLの内容によると、下部のフローティングバナーのみ問題の要因となり、
今回ご案内差し上げる右サイドのバナーは影響を受ける可能性は低いですが、
RMSのマニュアルにて「RMSでご利用できないHTMLタグと属性を入れないでください」と
明言されていることについては、ご留意いただければと思います。
また、導入の際、下部のフローティングバナーを外す準備は
予め整えていただきますようお願いします。

右サイドにフローティングバナーを設置される際は、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
下記HTMLタグを挿入してご利用ください。

===== この下の行から ================

===== この上の行まで ================
※バナー画像URL、リンク先URLは、実際のURLに置き換えてください。
※画面上（左）端からの距離、バナー画像の横幅（高さ）は、実際の半角数字に置き換えてください。
※画面下端につける場合はtopをbottomに、左端につける場合はrightをleftに変更してください。

Answer

これはＰＣ用のタグではないでしょうか？

Answer

ECマスターズの田中です。

失礼いたしました、スマートフォン用ページで先述のタグを使うには、
禁止タグチェックの回避処理を行う必要があります。

タグ名の後ろに「 =""」を入れることで
回避処理を行うことができますので、
先述のタグに「 =""」を追記させていただきました。

改めて、先述のタグをご確認いただきますようお願いいたします。

Answer

ご対応ありがとうございます。

最後のをに変更して
スマホの「商品ページ共通説明分」に入れたら
うまく表示されました。

Answer

ECマスターズの田中です。

無事表示されたとのことで、何よりです。
ご報告ありがとうございます。
先述のタグにつきましても、ご報告いただいた通り修正させていただきました。

Answer

ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公開前に、当質問への返信として、
先行してお知らせさせていただきます。

HTMLやスタイルシートを書くことなく、
完成したHTMLをヘッダー・フッター・レフトナビに貼り付けるだけで
固定バナーを簡単に設置することができます。

オプションを詳しく設定することで、
マウスを乗せると動いたり、半透明になったり、
IDを変えることで複数設置することも可能です。

もし、新しいバナーに入れ替える機会などありましたら、
ぜひ、下記URLより「バナー設置君」をお試しいただき、
わかりづらい点やご希望などございましたら
お知らせいただければと思います。
https://ec-masters.club/fwd3/fixedbannerkun

楽天スマホ サイド固定バナー

楽天スマホ　サイド固定バナー