時限バナー設置について

Question

お世話様になります。標記の件、初心者なりに見よう見まねでやっていますが、正しいやり方がわかりません。こちらのフォーラムでも確認しましたが、自店でやってみると書かれてる通りではうまくできません。
ネットで調べると、他にも色んなやり方があり、簡単で初心者でも繰り返し使いやすいやり方、SP、PC共通で使える方法が知りたいと思っております。

ちなみに以前この質問で紹介されていた、参考サイト（下記）をよみましたが、具体的にどのように使えるのかがわかりません。フォーラムで指摘されていた補足（足りない）部分をプラスして自分なりにやってみましたが、自店では、紹介されている記述通りにやるとエラーになります。

↓ここのサイトがフォーラムで紹介されていました。自店のHTMLに入れてみましたが、うまく作動できません。（うっかり他の部分を時限で消しそうになりました）
https://c-rocketz.com/technology/rakuten-banner-limit/

↓こちらで紹介されている方法がシンプルで使いやすそうなのですが、どの部分に設置したらよいのかわかりません。（先ほどうっかり設置方法を間違えて、トップページが一部消えてしまいそうになったので中止しました）
https://ec-tsushin.com/timelimitedscript/

ちなみに自店のPCトップページのマラソンバナー、（縦スクロール含む）に時限を設置したいと思います。また、同時にPC共通部分（ヘッダー、レフト）、SPトップページに設置したいです。

自店のURLは以下の通りです。（マラソンの時限バナー設置を試みて中止した状態です）
https://www.rakuten.co.jp/psmile/


長くなって申し訳ありません。
この問題は長い間、頭を悩ませている大きな悩みで、喫緊で解決したく、入会しました。
どうぞよろしくお願い致します。

Answer

ECマスターズの伊藤です。

> ↓ここのサイトがフォーラムで紹介されていました。自店のHTMLに入れてみましたが、うまく作動できません。（うっかり他の部分を時限で消しそうになりました）
> https://c-rocketz.com/technology/rakuten-banner-limit/

こちらの方法を確認させていただきましたところ
問題なく動作いたしました。

> ちなみに自店のPCトップページのマラソンバナー、（縦スクロール含む）に時限を設置したいと思います。また、同時にPC共通部分（ヘッダー、レフト）、SPトップページに設置したいです。

楽天のPC版は、JavaScriptのご登録がいただけないため
時限バナーの設置がいただけません。

SPは、禁止タグを回避することができますので
設置いただくことができます。

なお、楽天RMSのバグを利用した方法となりますので
仕様変更の際に、表示されなくなるなどの
影響が考えられますので、予めご了承くださいませ。


> ↓ここのサイトがフォーラムで紹介されていました。自店のHTMLに入れてみましたが、うまく作動できません。（うっかり他の部分を時限で消しそうになりました）

とのことでしたので、「時間を過ぎたら消す」は
できたということでよろしいでしょうか。

設定はできたという前提でお話をさせていただきます。

まずは、時間で消したい部分を
明確にお願いします。

たとえば




を11月1日17時30分〜11月1日19時00分まで
表示したいとします。

その場合、上記のタグを
からで囲っていただき
このに、時間を指定する

class="limit--2019-11-01_17-30--2019-11-1_18-00

を追加します。






これで
から
が、設定した期間のみ表示されるようになります。

Answer

早速ご回答くださりありがとうございます。
楽天PCにはjavascriptは使えないのですね。知らなかったです。
スマホはできるとのことで早速やってみます。

ちなみに以下の部分、
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝



を11月1日17時30分〜11月1日19時00分まで
表示したいとします。

その場合、上記のタグを
からで囲っていただき
このに、時間を指定する

class="limit--2019-11-01_17-30--2019-11-1_18-00

を追加します。






これで
から
が、設定した期間のみ表示されるようになります。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

↑こちらのやり方は楽天PC、SPのページともに設定可能なのでしょうか。
自店はトップページのみいずれもGOLDでページを作成しています。
商品ページと共通部分はRMSで作成しております。

Answer

ECマスターズの伊藤です。

> ↑こちらのやり方は楽天PC、SPのページともに設定可能なのでしょうか。
> 自店はトップページのみいずれもGOLDでページを作成しています。

上記で解説しておりました方法ですが

> https://c-rocketz.com/technology/rakuten-banner-limit/

のJavaScriptを利用した設置方法を
詳しく解説しているものとなります。

そのため、PCページには設置していただくことができません。

ですが、GOLDで作成されたページであれば
自由にHTMLを記述していただくことができますので
PCページでもご対応いただくことができます。

まとめますと

●PC　RMSにて登録するページ
  →設置不可
●PC GOLD
  →設置可
●スマホ RMSにて登録するページ
  →設置可※
●スマホ GOLD
  →設置可

となっております。


なお、注意点としまして
スマホ RMSにて登録するページ
→設置可※
は、本来楽天で禁止されているタグを
バグを利用して使用できるようにいたします。

そのためRMSでエラーとなったタグに
 =""
※半角スペース・イコール・ダブルクォーテーション・ダブルクォーテーション
を追加する必要がございます。

例えば、




を登録後
「divは利用できません」とエラーが表示された場合






と、とに=""を追加して頂く必要がございます。