10月のお買い物マラソンの300円500円1000円offクーポンをスマホページに設置したいのですが

Question

いつもお世話になっております。
また、質問させてください。

タイトルに書きましたが、今回３つのクーポンを設置したいのですが、
方法がわかりません。

https://club.ec-masters.net/index.php?design_page17
をよんでも全く理解できません。
スーパーセールやマラソンのイベントがあるときに設置したいと挑戦するのですがうまくいきません。

どうか、わかりやすく教えてください。
よろしくお願い致します。

Answer

ECマスターズの田中です。

https://club.ec-masters.net/index.php?design_page17
上記デザインレシピは、
クーポンを設置した後、改善するための方法であり、
設置自体を行う方法ではございませんので、
設置する方法をご案内いたします。

HTMLで、リンク付きの画像を設置するためには、

タグで画像を設置し、
http://www.htmq.com/html/img.shtml
それをタグで囲んでリンクを付ける、
http://www.htmq.com/html/a.shtml

という流れになります。
まとめると、



このようなタグを、設置したい場所に入れていただく形になります。

リンク先URLは、クーポンのURLになります。
３つのクーポンということは、クリックしたら即獲得する形が
望ましいということですね。

たとえば、お買い物マラソン用のクーポンであれば、
https://event.rakuten.co.jp/campaign/point-up/marathon/201810/multicoupon/
上記の、実際にクーポンが設置されているページを開いて、
ご希望のクーポンを右クリックして
「リンクのアドレスをコピー」（もしくは、それに類似した文章）を
クリックしていただくことで、
https://coupon.rakuten.co.jp/getCoupon?getkey=
で始まるURLがコピーできますので、それをリンク先URLとしてご利用ください。

画像URLは、ゆきこさんにて
R-Cabinetに保存した画像のURLをご利用ください。

このように取得したリンク先URLと画像URLを

上記タグに埋め込んで、
たとえば、ヘッダー・フッター・レフトナビ内「ヘッダーコンテンツ」の
現在1500円クーポンが設置されている場所に
ご記載いただくことで、設置することができます。

まずは上記の方法で設置をお試しいただき、
手順の中で不明な点があった場合や、
設置完了後に見た目や設置場所を変えたい場合など、
何かございましたらご返信いただきますようお願いします。

Answer

はい、やってみます。
そこまで出来たら質問します

Answer

500円OFFクーポン「企画告知バナー」をクリックしたらこんな画面になりました。
すすみません###HR######IMG07fb18798c7dc16cbb1b340f69cfd9485.pngIMG0######BR###

Answer

ECマスターズの田中です。

「企画告知バナー」に記載されたURLのすぐ下に、
「ユーザー名(U)」と「パスワード(P)」の案内がございますので、
いただいた画像の、
上の欄に「ユーザー名(U)」を、下の欄に「パスワード(P)」を
それぞれご記載の上、「OK」ボタンを押していただきますようお願いします。

楽天では、企画告知バナーをダウンロードするために
ユーザー名とパスワードによる認証を行う必要があります。
いただいた画像では、過去のユーザー名とパスワードが残っておりますが、
定期的に変わっているため、新しい文字列を入力しないと
画像が見れないようになっております。

Answer

田中様
何とかバナーははれましたが
スマホはめちゃくちゃ下です。



https://club.ec-masters.net/index.php?design_page17
上記デザインレシピは、
クーポンを設置した後、改善するための方法であり、・・・

これで上にあげることができるのですか？

Answer

ECマスターズの田中です。

> これで上にあげることができるのですか？
こちらは、別の部分で改善を行うための方法でして、
上にあげることはできません。
（本題と外れるため、説明は省きます）

たとえば、各商品のスマートフォン用商品説明文の先頭でしたら
比較的ページの上部に掲載することができますので、
ご検討いただければと思います。

自動で商品画像の上まで上げるのであれば
https://forum.ec-masters.net/post_view.php?id=8899
上記URLにて説明されている方法が使えますが、
楽天GOLDの中にファイルを作成するなど、
複雑な手順が必要となる上に、
RMSのバグを利用しているため、トラブルが発生する可能性がございます。

Answer

ECマスターズの田中様

たとえば、各商品のスマートフォン用商品説明文の先頭でしたら
比較的ページの上部に掲載することができますので、
ご検討いただければと思います。

に入れました。
ありがとうございました。

Answer

田中様

まだまだ勉強不足で、今回は
商品説明文に入れましたが、
私も添付画像のようなことをしたいです
よろしくお願いします

自動で商品画像の上まで上げるのであれば
https://forum.ec-masters.net/post_view.php?id=8899
のリンクをみてみました。

「最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。」

「= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.beforeImage'));
});
= この上の行まで ====================」


上記の説明に意味がわかりません。


分からないところ
その１
ファイル名とは　選んだ画像のことですか？
JpgをJSに変えるといういみでしょうか？

その２
jQuery(function($){
$('#itemImageSlider').before($('.beforeImage'));
});
上記の内容をメモ貼り付けて
ファイル名の末尾を「.js」にして、
上記のタグのどの位置に、ファイル名を付けるのですか？

こんな意味ですか？
ファイル名　jQuery(function($)…
または
.beforeImage'));
});ファイル名ということですか？



ここから下は、まったく理解できません。

「次に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで
画像を貼ることができます。

= この下の行から ====================


貼る画像表示用のHTMLタグ

= この上の行まで ====================
※貼る画像表示用のHTMLタグは、実際のHTMLタグに置き換えてください。」###HR######IMG078e5ddef4670b5e7de0e6ceaf8fcd1c9.jpegIMG0######BR###

Answer

田中様
いろいろ調べたところ

デザインレシピ

のやり方を読んで、
メモに張り付けて　「.js」にするの意味がわかりました。

メモを保存するときの名前の後ろを変えるということなのですね。
やっと理解できました。


試しに
「固定バナーにお気に入りボタンを追加する」
手順通りにをやってみました。

そうしますと
添付画像のようになってしまいました。
どうしでしょうか？###HR######IMG0d092c07112efff33b5dc05ab33550f18.jpegIMG0######BR###

Answer

ECマスターズの田中です。

私にて確認したところ、
「固定バナーにお気に入りボタンを追加する」によって
追加されたお気に入りボタンは、
いただいた画像のように消えてはおらず、
問題なく見えておりました。

お手数ですが、ゆきこさんにて、
再度（できれば異なる商品ページを）ご確認の上、
お気に入りボタンが表示されているかご確認いただきますようお願いします。

Answer

確認しました。アップするまでに時間がかかるのですね。
ありがとうございます。