72時間限定2回使える優待クーポンの取得後の画面遷移を制御したい

Question

お世話になっております。

ECCから案内されて、申し込んだ「72時間限定2回使える優待クーポン」キャンペーンですが、
前日になってバナーとかをもらったので、バタバタ状態です。

イベント告知君だけだとアピールが弱いので、ダイヤモンド用バナー、プラチナ用バナー、
ゴールド用バナーをボトム部分にfixedで並べて表示したいです。

そのコード自体は作れたのですが、ダイヤモンドとプラチナの画像をクリックできません。

なおかつ、タイトルにあるようにバナーを獲得した後の画面遷移を当ショップに戻すように
制御したいです。

いつもであれば、rt=の後ろにショップURLを入れればいいと思うのですが、今回は
最初からrt=2と入っているので、変更していいか分かりません。

私が作ったソースを以下に貼り付けますので、上記2点の解決方法をご教授下さい。
（画像のショップ名は（ショップ名）と匿名化していますので、ご了承ください。
画像を参照できない場合のためにキャンペーンリンクもご案内します。
http://event.rakuten.co.jp/campaign/dpgcoupon/limitedshop/ ）



#fixedBannerBottom1{
position: fixed;
bottom: 0px;
left: 0px;
display: block;
width: 100%;
height: 130px;
text-align: center;
background: transparent;
z-index: 9999;
}




#fixedBannerBottom2{
position: fixed;
bottom: 0px;
left: 320px;
display: block;
width: 100%;
height: 130px;
text-align: center;
background: transparent;
z-index: 9999;
}




#fixedBannerBottom3{
position: fixed;
bottom: 0px;
left: 640px;
display: block;
width: 100%;
height: 130px;
text-align: center;
background: transparent;
z-index: 9999;
}


できれば明日の10時までにアップしたので、
よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞そのコード自体は作れたのですが、ダイヤモンドとプラチナの画像をクリックできません。
スタイルシートを確認したところ、各fixedBannerBottomの横幅が100%となっております。
この場合、画像の横幅ではなく、
を記載してある場所の横幅が適用されますので、
想定外に広くなった結果、一番最後に記載されたゴールド会員用のが
ダイヤモンド・プラチナの画像に被り、クリックできなくなったものと考えられます。

各バナー用スタイルシートの
width: 100%;
を、画像の横幅である
width: 310px;
にご変更の上、動作をご確認ください。

＞いつもであれば、rt=の後ろにショップURLを入れればいいと思うのですが、今回は
＞最初からrt=2と入っているので、変更していいか分かりません。

遷移先のURLを指定するのはrdパラメータですので、
&rd=ショップURL
を、クーポン用URLの末尾に追記していただければ結構です。
例）
https://coupon.rakuten.co.jp/getCoupon?getkey=OTVGVC1YU1Y5LTVLVkwtWUlLQw--&rt=2&s-id=dpglimitedshop_pc_coupon03&rd=http://www.rakuten.co.jp/sample/