動きのあるバナー設置について

Question

お世話になります。
商品ページに動きのあるバナーを設置したいのですが
今、利用させていただいているイベント告知君のような
ｗ700pxのバナーをいくつか自身で登録・設置するタグを
教えていただくことは可能でしょうか？

Answer

ECマスターズの田中です。

楽天の商品ページでは、
スライドバナーを実現するために必要な
JavaScriptを設置するためのタグの
利用が禁止されておりますので、

基本的には、
楽天GOLD内でスライドバナーを作成し、
iframeタグで埋め込む形でご設置いただく形になります。

まずは、楽天GOLD内で、
商品ページに埋め込むためのスライドバナーを
作成していただきますようお願いします。

イベント告知君(R)で利用されている
「slick.js」の仕組みを利用すると、
下記のようなソースになります。

= この下の行から ====================










$(function(){
  $('#slider').slick({
    autoplay: true,
  });
});



  
  
    
      
    
  
  



= この上の行まで ====================
※ショップURL・リンク先URL・バナー画像URLは、実際の文字列、URLに置き換えてご利用ください。
※スライドさせるバナーは、１枚目用のソースを複製して、１枚目の直後に追加していただきますようお願いします。

「slick.js」の詳しい使い方は、下記ページをご参照ください。
https://webdesignday.jp/inspiration/technique/jquery-js/3847/

スライドバナーが動作しない、楽天GOLDの使い方がわからないなど、
不明な点がございましたら返信にてお知らせ願います。

なお、提携サービスのECステーションにて、
クラブ会員の皆様に無料で提供中の

ツールボックス
https://club.ec-masters.net/index.php?ecm-ecstoolbox

に含まれる「スライドバナー」機能でも
作成していただくことができます。

Answer

ありがとうございます。