スマホページへの共通パーツの設置

Question

スマートフォンの商品ページで特集ページをアピールするためのバナーを設置したいです。

共通バナーや共通説明文への設置だと商品ページの下の方の表示となり目立ちません。
上に持ってくる方法があれば一番簡単なのですが、、

他店を参考にしたところ
https://item.rakuten.co.jp/icefield/10026030/
このページ（スマホ）では商品画像の上にバナーが設置され、下にも固定でバナーがあります。

これと同じようにするにはどうすればいいでしょうか？


また、こちらのページ（スマホ）では
https://item.rakuten.co.jp/locondo/ad381bm11401/
ヘッダがオリジナルのものに変わっています。
これは簡単に実現できますか？（何となくこういう改造はNGのような気もしますが）

よろしくお願いします。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。


＞商品画像の上にバナーが設置

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.beforeImage'));
});
= この上の行まで ====================

次に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで
商品画像の上にバナーを設置することができます。

= この下の行から ====================


バナー用HTMLソース

= この上の行まで ====================
※外部JSファイルのURL・バナー用HTMLソースは、
　実際のURL・HTMLソースに置き換えてください。


＞下にも固定でバナー

バナー設置君をご利用いただくことで、
設置していただくことができます。
https://manual.ec-masters.net/?ecm-tools-manual-banarsetti


また、オリジナルヘッダの件ですが、
＞何となくこういう改造はNGのような気もしますが
と仰られている通り、共通ヘッダを隠しておりますので、

取扱禁止商材・禁止行為ガイドライン
2-(9)-31　当社が全店舗に提供している共通コンテンツを隠す行為
http://www.rakuten.co.jp/shops/manual/navi/rule/guide/10_060.html

に該当し、35点の減点対象となってしまいます。

禁止行為としてバナーを重ねてはいけない部分については、
下記サポートニュースにてわかりやすく説明されておりますので
ご一読いただきますようお願いします。

[重要]禁止行為(共通コンテンツを隠す行為)に関する補足説明
https://www.rakuten.co.jp/shops/supportnews/info_b/20170518-03.html

Answer

ということは先の参考サイトはガイドラインに違反しているということなんですね。
いろんなショップを見ていると同じ事をしているショップが結構みつかりますが参考にしないようにします。

また、共通ヘッダを少し下に落として一番上に固定のバナーやヘッダを表示しているショップについても同じくガイドライン違反とは思いませんでした。。

つまりは独自のバナーやコンテンツを目立つように設置したい場合、今回ご回答いただいた商品画像の上か、バナー設置君で画面端に固定する方法がいいということですね。

ありがとうございました。