楽天商品を見ていて、これ紹介したいと思っても
いつもやり方を忘れてしまう
いままで、アフィリエイトサイト開いて検索してと
面倒だったり覚えられなかったり・・・
でも、これをブックマークしとくだけ!
何気なく検索している画面から、リンクをコピーできちゃう!
簡単だったので、ザーっと備忘録で載せます
(バージョンアップしていたらごめんなさい)
まずは、マイクロソフト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」でしっかりコピーする上手くいきました
コメント