Cocoon楽天商品リンクをブックマークして貼付け簡単に!

楽天商品を見ていて、これ紹介したいと思っても
いつもやり方を忘れてしまう

いままで、アフィリエイトサイト開いて検索してと
面倒だったり覚えられなかったり・・・

でも、これをブックマークしとくだけ!

何気なく検索している画面から、リンクをコピーできちゃう!

簡単だったので、ザーっと備忘録で載せます
(バージョンアップしていたらごめんなさい)

まずは、マイクロソフトedgeかgoogleクロームを開いて

その画面から始めます

1.下のボックス内を丸々コピーする(長いです!)

  または、下のリンクを右クリックで「リンクのアドレスをコピー」する
  楽天リンク

javascript: (function() {
  var url = location.href;
  var host = location.host;
  var item_code = null;
  var shortcode = null;
  var title = null;
  if(host == 'item.rakuten.co.jp') {
    var scripts = document.getElementsByTagName('script');
    for(var i = 0; i < scripts.length; i++) {
        var script = scripts[i].innerHTML;
        if (script) {
          var m = script.match(/itemid:\['(.+?)'\],/);
          if(m) {
            item_code = m[1];
          }
        }
    }
    var metas = document.getElementsByTagName('meta');
    for(var i = 0; i < metas.length; i++) {
      if(metas[i].getAttribute('name') == 'twitter:title') {
        title = metas[i].getAttribute('content').replace(/\r?\n|[\[\]]/g, '');
      }
    }
    shortcode = ''
  } else if(host == 'product.rakuten.co.jp') {
    var elements = document.getElementsByClassName('topProduct__specsInfo');
    var code_no = null;
    for(var i = 0; i < elements.length; i++) {
      code_no = elements[i].innerText.trim();
      if(code_no.match(/(EAN|JAN|ISBN|UPC)/)) {
        item_code = code_no.replace(/[A-Z]+?: /, '');
        break;
      }
    }
    var elements = document.getElementsByClassName('topProduct__title');
    for(var i = 0; i < elements.length; i++) {
      var spans = elements[i].getElementsByTagName('span');
      for(var j = 0; j < spans.length; j++) {
        if(spans[j].getAttribute('itemprop') == 'name') {
          title = spans[j].innerText.trim().replace(/\r?\n|[\[\]]/g, '');
        }
      }
    }
    shortcode = ''
  } else if(url.match(/(books\.rakuten\.co\.jp\/(rb|rk|rd)|biccamera\.rakuten\.co\.jp\/item)\//)) {
    var element_shop_code = document.getElementById('ratShopUrl');
    shop_code = element_shop_code.getAttribute('value');
    var element_item_code = document.getElementById('ratItemId');
    item_code = element_item_code.getAttribute('value');
    item_code = item_code.split('/')[1];
    title = document.getElementById('productTitle') || document.getElementsByClassName('p-productDetail__title')[0];
    title = (title ? title.innerText : '').trim().replace(/\r?\n|[\[\]]/g, '');
    shortcode = ''
  } else {
    alert('Error:ブックマークレットのサポート範囲外のページです。')
  }
  if(shortcode) {
    if(item_code) {
        if(shortcode = prompt('コピーしてください。', shortcode)) {
        var r = document.createRange();
        var text = document.createTextNode(shortcode);
        r.selectNode(document.body.appendChild(text));
        window.getSelection().addRange(r);
        document.execCommand('copy');
        text.remove();
      }
    } else alert('Error:コードが見つかりませんでした。')
  }
})();
void(0);

2.ブックマークをひらく

 (クロームの場合)
 右上の点々を左クリックして、
「ブックマーク」「ブックマークマネージャ」を選択

 または、Ctrl+Shift+O(オーだよ)を押したら
 一発で下の画面に

 (edgeの場合)は、
Ctrl+Shift+O」または、右上の点々を左クリック「お気に入り」をクリック
  次に、
 お気に入りの右上の点々を左クリック「お気に入りページを開く」をクリック

3.お気に入りバーに追加しよう

 (クロームの場合)
右上の点々を左クリックして、「新しいブックマークを追加」を選択

 (edgeの場合)
「お気に入りの追加」をクリック

4.ブックマークの名前をつけよう

 名前に、「楽天リンク作成」と入力(自身がわかりやすい名前で^^)
 URLに、先ほどコピーしたリンクを貼り付ける

5.出来上がりです!試しに貼り付けてみよう

 楽天市場で、貼り付けたい商品の画面で、
 ブックマークの「楽天リンク作成」をクリック
 →ショートコードが出てくるので丸々コピーする

 貼り付けたいブロックの所で、貼り付けるだけ
 (右の+を押して、ショートコードを選択でも同じ)

 投稿すると、生成されています

↓例えば

と貼り付けると、

投稿画面では↓のように見える

か、簡単だ♫私でもできた^^

アフィリエイトサイトを開かなくても、リンクを作成できるので、
楽ちんですよね^^

追記

初心者ブロガーで、慣れてないせいか、
貼り付けがうまくいかないことがありました。
なので、リンクをコピーするときは、
Ctrl+A」→Ctrl+Cでしっかりコピーする上手くいきました

コメント

タイトルとURLをコピーしました