当サイトの記事には広告が含まれている場合があります

楽天のスマホ商品ページ説明文の下にお気に入りボタンを一括設置する方法

rakuten_favorite
 
楽天のスマホページの説明文下にお気に入りボタンバナーを設置したいという要望がありました。

お気に入りボタンのURLは、商品IDごとに異なります。
商品説明文に下記を挿入すればお気に入りボタンが追加できますが、1商品ずつIDを設置していくのは一苦労です。

<a href="https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=店舗ID&panf=0&tax=0&postage=0&itype=1&svid=101&iid=商品ID"><img src="画像URL"></a>

マクロが作れたらいいんですが、そんな時間もありません。
下記記事に商品ページ右下にお気に入りボタンを追加する方法が書いてあったので、そちらを応用して各商品説明文下にボタン追加しました。

[楽天RMS]スマホページ「お気に入り登録ボタン」カスタマイズ裏技

スマホ用商品ページ設定

スマホ用の「商品ページ共通説明文」に下記を記載します。

<link rel="stylesheet"               ="" href="http://www.rakuten.ne.jp/gold/店舗URL/○○○○.css">
<img                   ="" style="display:none;" src="" onerror="window.onload = function() {
item_id = document.forms['itemInqForm'].elements['item_id'].value;
target1 = document.getElementById('bookmark_btn');
target1.innerHTML = '<a href=https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=店舗ID&panf=0&tax=0&postage=0&itype=1&svid=101&iid=' + item_id + '><img src=画像URL></a             >';
};"><!-- -->

各スマートフォン商品説明文に下記を追加します。

<p                   ="" id="bookmark_btn"></p      >

一商品ずつ追加するのは面倒なので、cassavaというcsv編集ソフトのマクロを使って一括で挿入していきます。
一括文字挿入方法は以前書いた下記記事を参考にしてください。

楽天ショップ運営を効率化!csv編集で指定文字を簡単に一括挿入
楽天ショップを運営していると、キャンペーン開催時に特定のキーワードを挿入したい時や、複数商品に同じ説明を入れたい時ってありますよね。 商品数が少なければ1つ1つ管理画面またはcsv編集すればいいんですけど、商品数が多くなると一苦労。そこで、...

これで商品説明文下にお気に入りボタンを設定できました。 

くるりん

新入社員の頃にシステムエンジニアの会社に入社。その後、WEB制作系の仕事に転職しました。

くるりんをフォローする
楽天
スポンサーリンク
くるりんをフォローする
Memorandums