Amazonアソシエイトを右クリックで作る方法
アフィリエイトのリンク作るのってめんどくさい。
アマゾンで見ている商品へのアフィリエイトリンクをさくっと作りたい!
アマゾンアソシエイトのバーから作るリンクはダサくて嫌という人へ贈る
右クリックだけで独自リンクを作る方法
たとえばこんなリンクを簡単に作れます。
- ソース
<div><A href="http://www.amazon.co.jp/o/ASIN/4847041089/renmen-22/ref=nosim" rel=nofollow target=_blank> <DIV style="DISPLAY: block"><IMG alt="篠田麻里子写真集『Pendulum(ヘ゜ンテ゛ュラム)』 [大型本]" src="http://ecx.images-amazon.com/images/I/51e924gwacL.09._SCL_AA200_.jpg" width=200 height=200><IMG alt="篠田麻里子写真集『Pendulum(ヘ゜ンテ゛ュラム)』 [大型本]" src="http://ecx.images-amazon.com/images/I/41xu12z8VcL.09._SCL_AA200_.jpg" width=200 height=200><IMG alt="篠田麻里子写真集『Pendulum(ヘ゜ンテ゛ュラム)』 [大型本]" src="http://ecx.images-amazon.com/images/I/41mUlzphx7L.09._SCL_AA200_.jpg"><IMG alt="篠田麻里子写真集『Pendulum(ヘ゜ンテ゛ュラム)』 [大型本]" src="http://ecx.images-amazon.com/images/I/41gdPOJznHL.09._SCL_AA200_.jpg"><BR>篠田麻里子写真集『Pendulum(ヘ゜ンテ゛ュラム)』 [大型本]</DIV></A></div>
- リンク
やくそく
- AZlink等のAmazonアソシエイト作成支援ツールを使うほうが楽だよ
- レジストリを操作してPCが動かなくなっても泣かない人だけ読んでね。
- 最悪大事なデータがなくなっちゃうきけんがあるよ。
- 知らなくても使えるけれど改造するにはJavascriptが必要だよ。
目的
Amazonのツールで作る広告が好きじゃない、
かといって毎回タグを書くのは嫌だ、
そうだツールを使おう!って感じで調べたんだけれど、
Webサービスとして公開されているものがおおいんだよね。
そういったツールの何が嫌かって、そのツールで商品を検索しないといけない!
Amazonで今見ているページのアフィリエイトを作るのにもそのページから検索し直し、
めんどくさい!
コンセプト
どうせだったら、ボタン押すだけがいいなぁ、
独自のタグ構成にしたいし、複数画像とか関連商品とかもとれたらいいなぁ。
というコンセプトで作りました。
※注:関連商品はとれません。改造してください。
リンク作成用のJavascriptが書かれたhtmlファイルを作る
こんな感じのファイルをamazon.htmlとかで保存してね
アソシエイトのタグを追加してね!!!
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>2回もクリックするのがめんどくさい</title> <!-- 配布元:http://d.hatena.ne.jp/renmen/ 2011/11/28: version 0.01 自由に改変、配布してください。 --> <script type="text/javascript"> /* Class名からエレメントを取得する */ var fn_getElementsByClass = function (className, root) { var list = new Array(); var dom = root.getElementsByTagName('td'); for (var key in dom) { if ((dom[key].className) && dom[key].className == className) { list.push(dom[key]); } } return list; }; var tag = 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'; // ここにタグ名をいれてね 何とか-22 ってやつ!!! var img_size = '200'; // 画像のサイズを選べるよ var parent = external.menuArguments; var doc = parent.document; var asin = doc.getElementById('ASIN').value; var title = doc.getElementById('btAsinTitle').innerText; var url_link = 'http://www.amazon.co.jp/o/ASIN/' + asin + '/' + tag + '/ref=nosim'; var url_image = 'http://ecx.images-amazon.com/images/P/' + asin + '.09._SCL_AA' + img_size + '_.jpg'; var c = document.createElement('a'); c.setAttribute('href', url_link); c.setAttribute('target', '_blank'); c.setAttribute('rel', 'nofollow'); var a = document.createElement('div'); a.style.cssText = 'display: block;'; c.appendChild(a); var d = document.createElement('div'); d.appendChild(c); // 商品画像一覧を作る var tds = fn_getElementsByClass('productThumbnail', doc); //doc.getElementsByClassName('productThumbnail'); for (var td in tds) { var thumbnail = tds[td].getElementsByTagName('img')(0); var ob = document.createElement('img'); if (thumbnail.getAttribute('src').match(/(\/I\/)([^.]+)./)) { var img_id = img_id = thumbnail.getAttribute('src').match(/(\/I\/)([^.]+)./)[2]; ob.setAttribute('src', 'http://ecx.images-amazon.com/images/I/' + img_id + '.09._SCL_AA' + img_size + '_.jpg'); ob.setAttribute('alt', title); a.appendChild(ob); } } // 商品画像が一つしかない場合 if (!tds.length) { var i = document.createElement('img'); i.setAttribute('src', url_image); i.setAttribute('alt', title); a.appendChild(i); } // 画像の後ろに商品名を載せる a.innerHTML += '<br>' + title; clipboardData.setData('text', '<div>' + d.innerHTML + '</div>'); </script> </head> <body> </body> </html>
右クリックメニューに追加
レジストリを操作してIEの右クリックで出ててくるコンテキストメニューにリンク作成機能を追加します。
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\2回もクリックする
というキーを作ってその規定値に上で作ったファイルへのパスを指定してあげる。
file://c:\users\{username}\documents\amazon.html