同ページ内のリンク

Question

スマホ用商品説明文内で同ページ内へのリンクの飛ばし方を質問致します。
（リンク元）  ～ 
（リンク先）  ～ 
の方法は理解しており、
リンク元を、

～
リンク先を、
  ～ 
としております。

希望としましては、どの商品ページでも同じ仕組みにしたいので、上記のような絶対パスではなく相対パスで、入力を考えております。

しかし、
～
としますと、
https://a.ichiba.jp.rakuten-static.com/index.html#about_item
へ飛んでしまいます。

どのように設定すれば宜しいでしょうか？

Accepted Answer

ECマスターズの田中です。

大変お待たせいたしました、
改めて、仕組みよりご案内いたします。

楽天のスマートフォン用商品ページでは、〜タグ内に

という指定が行われており、
相対パスのリンク先は「https://a.ichiba.jp.rakuten-static.com/」から始まるURLに
設定されてしまいます。

スマートフォン用商品ページに記載できるHTMLタグの範囲では、
どうしても絶対パスで書く必要があるのですが、
バグを利用してタグを記載することで回避することができます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

下記タグを、スマートフォン用商品説明文、
もしくはスマートフォン用の商品ページ共通説明文にご記載いただくことで、
スマートフォン用商品説明文に記載したページ内リンクが
問題なく動作するようになります。

= この下の行から ====================

jQuery(function($){
$('#itemDescription a').each(function(){
  this.href = this.href.replace("a.ichiba.jp.rakuten-static.com/", location.host + location.pathname);
});
});

= この上の行まで ====================

Answer

ECマスターズの田中です。

同ページ内リンクの作り方について、
大変お待たせしており申し訳ありません。
内容をまとめて、改めてご案内いたしますので、
今しばらくお待ちいただきますよう、よろしくお願いいたします。

Answer

>
>
>という指定が行われており、
>相対パスのリンク先は「https://a.ichiba.jp.rakuten-static.com/」から始まるURLに
>設定されてしまいます。

やはりそうでしたか。

教えて頂きましたタグにて、希望の通り動作致しました。自分ではとても解決できないレベルの内容ですので、非常に助かりました。

ありがとうございました。