マルチクーポン url設定について

Question

お世話になります

 
 

↑
上記では、クーポン取得後、ページから離脱してしまう為、

下記のように「自店舗トップページ」を入れました
↓
 
 

特に、セールページを作っていない為、自店舗トップページにしました。

ユーザーは商品ページから、このクーポンを使おうと思いボタンを押すと同一画面で進みます

クーポン取得のボタンを押すと→「このクーポンを使う」画像1にいき

さらに、同じ画面から獲得済み画像2となります。

パソコンの矢印戻るボタンを押せば、商品ページにもどりますが・・

商品ページ離脱しないように、クーポンボタンを押すと、「新しいwindows,別ページが表示」されるような、やり方がございますでしょうか？

よろしくお願いいたします###HR######IMG0bbacd7ed5cb6d84433c9af31283b6964.pngIMG0### ###IMG13a38c12e04f88bb092494716f00bee30.pngIMG1###

Answer

ECマスターズの田辺です。

クリックすると別ページが表示されるようにするには、
に
target="_blank"
を入れていただく必要がございます。

現在、
="_blank"
まで書かれておりますので、
targetを追加していただけますようお願いいたします。

targetの前には半角スペースが必要です。



また、タグの書き方でいくつか修正点がございます。

●href=""の「＝」と「""」の間に半角スペースが記入されておりますので
こちらのスペースは削除してください。

●タグの属性値（"と"の間）の途中で改行してしまうのは
読み込まれない可能性もあるのでつなげてお書きくださいませ。

誤）


正）


●自店舗トップページへのリダイレクト設定にある
&rdの後に「＝」が抜けておりました。

https://coupon.rakuten.co.jp/getCoupon?getkey=WTJSUy1MUTdELUdBUTMtRk1GWg--
↓
https://coupon.rakuten.co.jp/getCoupon?getkey=WTJSUy1MUTdELUdBUTMtRk1GWg--&rt=&rd=https://www.rakuten.co.jp/mekin-hiroba/

Answer

田辺さん　こんばんは(^^♪

ありがとーございます。たすかりました。解決しました。

半角スペースなどチョットした事で、変わるんですね　勉強になります。

商品ページ内の、クーポンを押すと同一ページではなく、新しい別ページで開くようになったので嬉しいです。

ちなみに、この手の操作弱いので、初心者にもわかりやすい本など紹介頂ければ幸いです

Answer

ECマスターズの田中です。

＞ちなみに、この手の操作弱いので、初心者にもわかりやすい本など紹介頂ければ幸いです

HTMLの基本的な内容につきましては、

HTMLの基本
http://www.htmq.com/htmlkihon/index.shtml

上記「HTMLの基本」内の記事（ウェブページを公開する まで）を
ご覧いただければ結構ですので、
まずは各記事をご一読ください。

「HTMLの基本」を抑えていただければ、
あとは各タグがどんな書き方をするのか、どんな役割を持つのかを
ご理解いただければ結構です。

先程ご紹介したページと同じWebサイトにある

HTMLタグリファレンス（目的別）
http://www.htmq.com/html/indexm.shtml

にて、各タグの書式や役割など、
実際のサンプルと共に紹介されておりますので、
HTMLの習得には、このWebサイトをフルに活用していただくことをオススメします。

どうしても紙媒体で手元に置いておきたい、という場合は、
同じく各タグの書式・役割・サンプルが紹介されている、
下記のようなリファレンスを一冊ご用意いただければ結構です。
本という性質上、内容が古くなっていく可能性があることを予めお含みおきください。

改訂第6版 HTML&スタイルシート ポケットリファレンス (POCKET REFERENCE)
https://www.amazon.co.jp/dp/4774137758/ref=cm_sw_r_tw_dp_x_EsGhAbTKCRTS6 

また、「HTMLの基本」にもございます通り、
HTMLを習得するには、実際に書いていただくことが何よりも重要となります。
RMSでHTMLを書いた場合、反映してから商品ページを確認する、
という手順が必要となりますが、

Liveweave
https://liveweave.com/

このサイトの、左上の領域にHTMLをご記載いただくと、
右下にすぐ見た目が反映されます。
タグや属性の補完機能や、文法間違いの簡単なチェックも可能です。
作成してみたHTMLの見た目をご確認いただいたり、
実際にこの中でHTMLを書いたりして、ぜひご活用いただければと思います。

Answer

田中さん　こんばんは(^^♪

メッチャ、助かります。資料ありがとうーございます。少しづつ勉強します。

Liveweave
https://liveweave.com/

いいですね。ブックマークしました。

ちなみに、下記のようなhtmlが何段もrmsトップページに入力すると、後から見ると
何をいれたか？さっぱり覚えてないようになります。

たとえば、始まりのの前に、何かわかりやすいマーク「これは、クーポン１００円とか」
表示記号をいれたら、わかりやすいのですが、ご教授ねがいたいです

Answer

ECマスターズの田辺です。

＞たとえば、始まりのの前に、何かわかりやすいマーク「これは、クーポン１００円とか」
＞表示記号をいれたら、わかりやすいのですが、ご教授ねがいたいです

そのような場合はコメントアウトを使うと便利です。

HTMLの場合は、
に挟まれた部分は表示されないようになります。

例えばこのようにメモにしたり、


 



一度書いた記述を非表示にすることも可能です。

Answer

田辺さん　

おはよーございます。
なるほど、コメントアウトって言うんですね。コレで整理、わかりやすくなりそうです。
ありがとーございました。

Answer

田辺先生さん

初歩的な事、何度もすいません。
添付画像の、クーポンバナーの間の隙間・間（赤丸部分）をつめるようにするには
下記の、どの？部分を調整したらできますでしょうか？
よろしくお願いします(^^♪





 


 






 


 



###HR######IMG0ec86cbca328bf709fb4b75537c74eaa5.pngIMG0######BR###

Answer

ECマスターズの田辺です。

現在の設定では、

で見えない枠があり

で中身を中央に揃え

で画像が小さく設定されておりますので、

枠の中で画像が小さくなった分、
周りに余白ができてしまっております。

ですので、余白を詰めるために
なしでを組み、
その全体をで中央揃えにするのが良いと思います。

他にも、形の崩れを防ぐために
widthを固定の大きさに設定し、
狭くなりすぎた間隔をcellspacing属性で調整してみました。






 





 







 





 








あとは、実際のページに合わせながら
cellspacingとwidthの大きさはお好みでご変更くださいませ。

※いただいたタグは行ごとにが組まれていたのと、
属性と属性の間に半角スペースが書かれておりませんでしたので
そちらも修正させていただきました。

Answer

田辺さん

ほんと、お忙しいところ、ありがとうございました。

上記の、タグ組、など 私にとって未知の領域でした。。

これから、勉強していきます(^^♪

お世話になりました