楽天のお気に入りボタン設置について

Question

前提・実現したいこと

楽天のショップページにお気に入りボタンを設置しようとしております。
いくつかサイトを参考にしているのですが、
エラーとなっております。
「iid」の部分だと思うのですがお分かりになりますでしょうか？

・参考店
https://item.rakuten.co.jp/kagubiyori/etc001320/#ct

・参考コード
https://c-rocketz.com/ec/rms_sp_page_favorite/

発生している問題・エラーメッセージ

登録に失敗しました。

該当のソースコード

! function() {
  "use strict";
  var t = function() {
    var t = jQuery("meta[property='apprakuten:item_id']").attr("content"),
        i = '<div id="btn_favorit">';
    i += '<a href="https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=「ショップID」&itype=1&svid=106&iid=' + t + '""><img src="「画像」"></a></div>', jQuery("#itemName").append(i)
  };
  t()
}(jQuery);

Answer 1

おそらく、お書きになられているコードの
var t = jQuery("meta[property='apprakuten:item_id']").attr("content"),

の部分で、metaタグからitem_idを取得しようとしておりますが、
現在の商品ページにはこのmetaタグがなくなってしまっていると思われますので、ほかのnode情報からitem_idを取得する必要があります。

現在の商品ページのコード内に、

document.querySelector('#btoScript');

で引っ掛けられるところがあるので、そこから必要な情報を抜き取ってみてください。
おそらく正規表現でとってこれます。

追記：
もっと簡単な方法として、
document.querySelector("[data-item-id]").getAttribute("data-item-id");
でstring形式でitem-idの値を取得できるようです。

Comments

[OguraSousuke]

ご返信遅くなり申し訳ありません。
いただいたコードで検討してみたところ、
無事に起動させることができました。
ありがとうございます。

[maverick_fox]

お役に立てて光栄です。おそらく楽天のスマホページのデザイン仕様の変更に伴い内部のタグも精査したものと思われます。
何かしらの仕様変更のたびに、商品ページ内のnode情報にも変更の影響があるかどうかを確認する必要があるかもしれないですね、大変ですけれども。

Answer 2

ショップIDがあっている事を確認してみてください。

【２】商品名の下に挿入するパターンならIDを変更するだけで動くので、そこを試してみてIDがあっているか確認してみてください。

https://c-rocketz.com/ec/rms_sp_page_favorite/

Comments

[OguraSousuke]

ご返信遅くなり申し訳ありません。
回答いただきましてありがとうございました。