同ページ内のリンク(ＰＣ版)

Question

先日、
https://forum.ec-masters.net/post_view.php?id=6842
にて、スマホサイトの同ページ内のリンクの仕方を教えて頂きありがとうございました。

ＰＣ版のページでも同様の事を行ないたいのですが、
ＰＣ版の共通説明文（大）にはタグを入れることが出来ません。

ＰＣ版の商品ページで、同ページ内の任意の個所へのリンクの仕方を教えて下さい。

Accepted Answer

ECマスターズの田中です。

＞ＰＣ版の商品ページで、同ページ内の任意の個所へのリンクの仕方を教えて下さい。

おっしゃる通り、タグは使うことができませんが、
タグは使うことができますので、
埋め込み元に合わせてURLを自動調整するタグを
楽天GOLD内のHTMLファイルに設置し、
タグで設置することで実現することができます。

最初に、
https://jquery.com/
上記、jQuery公式サイトより
Download jQuery → Download the compressed, production jQuery *.*.*
とクリックしていただき、
ダウンロードされた「jquery-*.*.*.min.js」を楽天GOLDにアップロードしてください。
（*には半角数字が入ります）

次に、下記内容をメモ帳に貼り付け、
タグのリンク先と中のテキストをカスタマイズし、
ファイル名の末尾を「.html」にして、
外部HTMLファイルとして保存し、
楽天GOLDにアップロードしていただいた上で、
ショップ内にタグで埋めこんでご活用ください。

= この下の行から ====================






$(function(){
  $('a[href]').each(function(){
    if( $(this).attr('href').substr(0,1) === "#" ){
      $(this).attr('href', document.referrer.replace(/[\?#].*/,'') + $(this).attr('href') );
    }
  });
});




買い物かごボタンへ



= この上の行まで ====================
※jquery-*.*.*.min.jsのURLは、実際のURLに置き換えてご利用ください。
※文字化けする場合は、ファイルの文字コードに合わせて、タグの値をご変更ください。
（UTF-8、EUC-JPなど）

Answer

ありがとうございます。
ご指導の通り、gold内に、test.htmlとして、アップロードし、商品ページで、
iframeで読み込みました。

読み込みは出来、文字化けも文字コードを変えることで回避できましたが、
リンク先が、gold内のtest.html#rakutenLimitedId_aroundCartとなってしまいます。

行ないたいのは、
https://forum.ec-masters.net/post_view.php?id=6842
こちらに記した内容のＰＣサイト版となります。

※先程、誤ったリンク先を掲載しておりました。失礼致しました。

それでは、御回答お待ちしております。

Answer

ECマスターズの田中です。

それでは、調査のために実際のソースを確認させていただきたいので、
返信にて（難しい場合はお問い合わせ窓口より）、
test.htmlのURLをお知らせいただきますようお願いいたします。

Answer

ECマスターズの田中です。

モトさん、URLをお知らせいただきありがとうございました。
確認したところ、楽天が利用しているjQueryをそのまま利用しようとして
エラーが発生しておりました。
エラーを確認せずにご案内してしまい、失礼いたしました。

先に案内差し上げた方法を、
jQueryを公式からダウンロードする方式に修正させていただきましたので、
お手数ですが、先の返信内容を、改めてご確認いただけますでしょうか。
何卒よろしくお願いいたします。

Answer

田中様

jqueryをダウンロードして、gold内にアップロードし、
確認しましたが、症状は変わりません。

gold内のnairetag3.htmlを本日お伝え済みのページで読み込んでおります。

ご確認の上、修正個所をお知らせください。
以上、宜しくお願い致します。

Answer

ECマスターズの田中です。

大変失礼いたしました、
ソース修正のタイミングで、コードに必要な「+」が抜けておりました。

その他細かい修正を加え、再度HTMLファイルの内容を変更いたしましたので、
お手数をおかけしますが、変更後の内容に沿って、
再度HTMLファイルを作成していただきますようお願いします。

Answer

田中様


ありがとうございます。
無事、希望の通り動作確認致しました。

ありがとうございました。