クーポンのリダイレクトについて

Question

お世話になっております。


２０００円OFFクーポン

上記URLを貼り付けましたがうまくいきません。
獲得前の商品ページに戻るように設定したいのですがどうすればよいでしょうか？

やりたいことは、現在スマホの上部に表示している、スライドバナーのクーポンをクリックしたら、元の商品ページに戻るようにしたいです。

お手数をお掛けいたしますが、よろしくお願い致します。

Answer

ECマスターズの田中です。

いただいたソースの場合、
説明文に記載された「２０００円OFFクーポン」の文字だけが
元の商品ページに戻る設定になっております。
説明文内の記載が必要ない場合は、２行目を削除してください。

> 現在スマホの上部に表示している、スライドバナーのクーポンをクリックしたら、元の商品ページに戻るようにしたいです。

商品ページと、その中にiframeタグで埋め込まれたスライドバナーは
別のページという扱いになるため、
商品ページでJavaScriptを動作させてもiframe内のスライドバナーには影響しません。

そのため、スライドバナーで作成した、
楽天GOLD内にある「slider_（中略）.html」の中に、
直接JavaScriptをご記載いただく必要がございます。
その際、iframe内で動作するためのソース修正も必要です。

なお、下記作業は、
スライドバナーの内容を修正するたびに必要となりますことを
予めお含みおきください。

「slider_（中略）.html」の末尾にあるの直前に、
下記タグをご記載ください。


jQuery(function($){
  
  var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
  
  var searches = function( loc ){
    return loc.search.replace(/^\?/, '').split('&').filter(function (item) {
      return item !== '';
    }).map(function (item) {
      var _item$split = item.split('='),
        _item$split2 = _slicedToArray(_item$split, 2),
        name = _item$split2[0],
        value = _item$split2[1];

      return { name: name, value: value };
    });
  }

  function setSearch( ) {
    var loc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
    var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
  
    loc.href = (loc.protocol + '//' + loc.hostname + ':' + loc.port).replace(/:$/, '') +
      loc.pathname + searches(loc).filter(function (item) {
        return item.name !== name;
      }).concat([{ name: name, value: value }]).reduce(function (total, item) {
        return '' + total + item.name + '=' + item.value + '&';
      }, '?').replace(/[?&]+$/, '') + loc.hash.replace(/#$/, '');
    return loc;
  }
  
  $('a').each(function(){
    if( this.hostname === "coupon.rakuten.co.jp" ){
      this.href = setSearch(this, 'rd', (location.protocol + '//' + location.hostname + ':' + location.port).replace(/:$/, '') + document.referrer ).href;
    }
  });
  
});

Answer

ご丁寧にご返信いただきまして、ありがとうございます。
難易度が高く、今回は、リダイレクトは、設定せず設置いたしました。
また次の機会にチャレンジしてみます。