デザインレシピ(楽天のクリックするだけでお気に入り登録できるURLの作成)

Question

お世話になります。

設置例など、読んだのですが、もう一つピンときません。

このソースhttps://my.bookmark.rakuten.co.jp/?func=reg&svid=106&shop_bid=●&iid=■&itype=1を現在の下段ソースに埋め込むのでしょうか？

うまく表現されているショップさんありましたら、例を見てみたいです。

以前、デザインレシピの中に「お気いりボタン」作成があったのですが
消えましたでしょうか？
現在は、下記のように利用しています。(添付写真)


 /* お気に入り商品登録画像変更 */
body #rakutenLimitedId_aroundCart div.bkm{
 width: 306px !important;
 }
 body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
 width: 306px !important;
 height: 48px !important;
 background: url(https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/imgrc0068820028.gif) no-repeat 0 0 !important;
 }
 body div.bookmarkArea div.bkm a.addBkm {
 width: 306px !important;
 height: 48px !important;
 }
/* お気に入りショップ登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
 width: 306px !important;
 padding-left: 0px !important;
 }
 body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
 width: 306px !important;
 height: 48px !important;
 background: url(https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/imgrc0068820027.gif) no-repeat 0 0 !important;
 }
 body div.shopBookmarkArea div.shopBkm a.addShopBkm {
 width: 306px !important;
 height: 48px !important;
 }


よろしくお願いします###HR######IMG0a1bbce3480571da3210aa9ce4bd374bd.pngIMG0###

Answer

ECマスターズの中野です。

お気に入り登録ボタンを好きな画像に変更する方法は
現在もデザインレシピで公開させていただいておりますが、

PC商品ページでお気に入りボタンを好きな画像で表示させる
https://club.ec-masters.net/index.php?design_page1

いただいたこちらのご質問につきまして、
週明け担当より確認し回答させていただきます。

お時間いただき申し訳ございませんが
お待ちいただけいますようよろしくお願いいたします。

Answer

ECマスターズの田中です。

> このソースhttps://my.bookmark.rakuten.co.jp/?func=reg&svid=106&shop_bid=●&iid=■&itype=1を現在の下段ソースに埋め込むのでしょうか？

https://my.bookmark.rakuten.co.jp/?func=reg&svid=106&shop_bid=●&iid=■&itype=1
は、URLとなりますので、
実際のページに埋め込む際は、このURLをリンク先とした画像を
ご設置いただく必要がございます。

設置用のソースは、

楽天のクリックするだけでお気に入り登録できるURLの作成
https://club.ec-masters.net/index.php?design_favourl

にて「設置例」としてご案内差し上げております。

たとえば、いただいた画像の商品の場合、
ショップIDは 320015
商品IDは 10000065
となりますので、

お気に入り登録できるURLは
https://my.bookmark.rakuten.co.jp/?func=reg&svid=106&shop_bid=320015&iid=10000065&itype=1
となり、

https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/imgrc0068820028.gif
上記画像をボタンとして設定する場合は、



このようにタグを作成いただければ結構です。
試しに、任意の商品（テスト用の商品など）の、たとえばPC用商品説明文の先頭などに
上記タグをご設置いただき、どのような動作になるかご確認いただきますようお願いします。

なお、この方法は、新たにお気に入りボタンを設置するための方法であり、

> 現在は、下記のように利用しています。(添付写真)

の方法は、楽天市場で初期設定されているお気に入りボタンの見た目を変えるための方法です。
目的が若干異なりますことを、予めお含みおき願います。

Answer

田中様

ご丁寧に回答ソース頂いたのですが、まだ、よくわかりません。



このようにタグを作成いただければ結構です。

と、言うのは、商品ページ毎事に設定なのでしょか？

他店舗さんで、うまく表現されているページが見たいです。

Answer

ECマスターズの田中です。

> 商品ページ毎に設定なのでしょうか？

はい、１つの商品を登録する、という動作である以上、
どうしても１商品ごとにURLの修正が必要になります。

> 他店舗さんで、うまく表現されているページが見たいです。

下記ページなど、参考になりますでしょうか。
https://item.rakuten.co.jp/sherb/c/0000000103/

一番先頭の商品の場合、
https://www.rakuten.ne.jp/gold/sherb/event/event_item_btn.jpg
上記画像に
https://my.bookmark.rakuten.co.jp/?func=reg&svid=106&shop_bid=321831&iid=10000003&itype=1
上記URLへのリンクを張ることで、お気に入りボタンを実現しております。