location.hrefでのリダイレクトについて

time 2015/10/26

タウンライフアフィリエイト運営事務局です。

今回は少しテクニカルなご質問をいただきましたので、この場でご説明させていただきます。

■ご質問内容
a href=”http://www.town-life.jp/reform/” onclick=”location.replace(‘http://www.town-life.jp/aff/link.php?id=N0000○○○&adwares=A0000056’);return false;”>テキスト

リダイレクト方式のアフィリエイトリンクのコードは上記となっております。
そこで、location.replaceの部分ですが、ブラウザに履歴が残らず元に元いたページに戻るのボタンを押しても戻る事が出来なくなっています。

そのため、location.replaceではなく、location.href　に変更をして、元のページに戻れるような形が取れたらベストだと思っています。

しかしながら、アフィリエイトリンクのコードを location.href にすると、正常に計測が出来なくなります。

管理画面の広告一覧を見る限りでは、location.href のリダイレクトリンクを使用しているアフィリエイトリンクはありませんでした。

location.hrefに対応したアフィリエイトリンクの作成など、今後可能になりますでしょうか？

■当社からの回答

location.hrefでのリダイレクトは、現状サポートしておりません。

「URLを通常のサイトURLのまま」で「アフィリエイトリンクのURLを隠し」つつ、「ブラウザバックで戻れるように」という事であれば、以下のjavascriptを参考に制御いただく必要があります。

<!DOCTYPE html>
<html lang=\"ja\">
  <head>
   <meta charset=\"utf-8\">
   <title>URL変更</title>
  </head>
  <body>
   <a href=\"http://www.town-life.jp/reform/\" id=\"townlife\" data-real-url=
   "http://www.town-life.jp/aff/link.php?id=N0000○○○&adwares=A0000056\">テキスト</a>
   <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-2.1.0.min.js\"></script>
   <script type=\"text/javascript\">
     $(function () {
      $(\'#townlife\').click(function() {
        location.href = $(this).data(\'real-url\');
        return false;
      });
     });
   </script>
  </body>
</html>

■html内にj上記html内のjavascriptを記載
■href=内を通常URLに（ブラウザのステータスバーに表示されるURLになります）
■data-real-url　にアフィリエイトリンク。（URL）
■a タグ内の idは javascript内の　$(‘#townlife’).click　の名前と同じに

これで実現したい内容と同じことが可能かと思います。

なお、本javascript非対応ブラウザでは実行できない可能性もございますので、ご利用の際は、自己責任でお願い致します。