はてなダイアリーガイド「アフィリエイト・プログラムに参加する」

■ Amazonアソシエイト・プログラム

あなたのサイトの紹介によってAmazon商品が売れると紹介料がもらえるタイプのアフィリエイトです(「アソシエイト」は「アフィリエイト」と同じ意味)。支払いは銀行振込かAmazonギフト券で行われます。詳しくはamazon.co.jpのAmazonアソシエイト・プログラムを読んでください。

利用方法：Amazonアソシエイト・プログラムに参加登録するとアソシエイトIDが与えられるので、Myはてなのはてなアフィリエイト設定で自分のアソシエイトIDを設定します。あとは普通に「はまぞう」や「isbn/asin記法」を使うだけ。

仕組み：日記で「はまぞう」や「isbn/asin記法」を使ったとき、リンクされるasinページがあなたのアソシエイトIDつきのアドレスになります。そのページを経由したアマゾン商品ページも、普通ははてなのアソシエイトIDがついたアドレスになるのですが、あなたのアソシエイトIDがつくようになります。そこで商品が売れると、Amazonからあなたに紹介料が支払われるという仕組みです。有料オプション利用期間が終わると、普通のasinページへのリンクに戻ります。

補足：Amazonアソシエイト関連のバナーなどの画像がはてなダイアリー共有フォルダのAmazon画像一覧にいろいろ載っていて利用できます。

■ Google AdSense

日記の内容にマッチした広告がGoogle独自のシステムで表示され、その広告を読者がクリックすると広告収入を得ることができるタイプのアフィリエイトです。支払いは以前はUSドルの小切手で行われていましたが、国内の銀行振込(電子決済)にベータ版として対応となりました。アフィリエイトについて詳しくはGoogleホームページのGoogle AdSenseをご覧ください。

■ 商品画像が使えるメリット

アマゾンタイプのアフィリエイト・プログラムでは、商品紹介の際に普段は著作権などの関係で自由に使えない書影やCDジャケットなどの画像を利用できるので、紹介料には興味がない人でも「サイトで使える画像が増える」メリットがあります。

また、紹介されている商品がすぐ買えたり、詳細な情報にたどりつけるということは、サイトの閲覧者にとっても有益な情報となりうるため、はてなダイアリーでも広告とは区別して利用が認められているわけです。

「はてな」はAmazonアソシエイト・プログラムに参加しているので、Amazonアソシエイトに参加していない人でもその形をとっていれば、すべてのはてなダイアリー・はてなグループで、アマゾンサイトからの書影・ジャケット写真などの転載、公開が可能です(その場合、はてなのアフィリエイトということになります)。

■ ISBN/ASINを調べる

まずその商品を示す固有の番号であるISBNまたはASINを調べます。

ISBN (International Standard Book Numberの略) は『国際標準図書番号』と呼ばれる国際的な規格で、国籍・出版者(社)・書名といった情報を表示する10ケタの番号です。1つの書籍に1つずつ固有のISBNが割り振られていきます。

ASIN (Amazon Standard Identification Numberの略) はアマゾンで扱われている、書籍以外の商品を表す10ケタの番号です（Amazon.co.jp ヘルプデスク - ISBN/ASINについて）。

アマゾンで商品を探して詳細ページのアドレスを見たときに、『〜/ASIN/』に続く10文字の英数字がその商品のASINです。書籍のASINはISBNと同一です。これでその商品のISBN/ASINがわかります。

例えばオバケのQ太郎―傑作選 (1) てんとう虫コミックスのISBN(=ASIN)は「409140121X」なので

http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/

のようなアドレスでリンクできます。ただしこれは紹介者の情報も何も付いていないまっさらなアドレスなので、この状態でリンクしても、だれにも紹介料は支払われません。

■ アソシエイトIDをつける

Amazonアソシエイト・プログラムで参加手続きをして、サイトが承認されると自分用のアソシエイトID("XXXXXX-22"のような番号)がもらえます。あとはそのアソシエイトIDがついたアドレスの商品ページで商品が売れるように、自分のサイトで商品を紹介します。

例えば「はてな」に紹介料が入るアソシエイトIDは「hatena-22」です。アソシエイトIDはさっきのまっさらなアドレスの後ろに付けるので、

• http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/ のページから商品が売れる
  • →だれにも紹介料は払われない
• http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/hatena-22 のページから商品が売れる
  • →「hatena-22」のアソシエイトID保有者である、はてなに紹介料が払われる

ということになります。

■ アドレスを整える

さて、これでリンク用アドレスがわかりました。アマゾンを閲覧していると商品ページのアドレスはとても長くなりますが、これは閲覧状況の情報が入っているからで、リンクを張るのに必要なアドレスはもっと短いです。

• http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/hatena-22
  • アフィリエイト用の商品ページ
• http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/hatena-22/ref=nosim
  • 個別商品ページ

で、ちゃんとアフィリエイト用のアドレスになっています。「/exec/obidos/」はさらに「/o/」に短縮できます(例：http://www.amazon.co.jp/o/ASIN/409140121X/hatena-22/ref=nosim)。
「http://www.amazon.co.jp/exec/obidos/」が定型部分、「/ASIN/409140121X/」の部分がISBNまたはASINコード(商品番号)、「/hatena-22」の部分が紹介者のアソシエイトID(あなたのIDをつけます)というわけです。

■ 画像を選ぶ

(この項目のネタ元はまんぷく::日記 - Amazonの商品画像のURLについて（まとめ）です)

アマゾンの商品画像(書影)は、大・中・小・サムネイルの4サイズがあります。どれもない場合、中だけある場合なども多いですが、どうしても大きな画像を使いたい場合などは

• (大) http://images-jp.amazon.com/images/P/4886487319.09.LZZZZZZZ.jpg
  • ISBN:4886487319:image:large で表示される画像
• (中) http://images-jp.amazon.com/images/P/4886487319.09.MZZZZZZZ.jpg
  • ISBN:4886487319:image で表示される画像
• (小) http://images-jp.amazon.com/images/P/4886487319.09.TZZZZZZZ.jpg
  • (対応するISBN/ASIN記法はありません)
• (サムネイル) http://images-jp.amazon.com/images/P/4886487319.09.THUMBZZZ.jpg
  • ISBN:4886487319:image:small で表示される画像

という形のアドレスで、「/P/」の後の11桁(ここがASIN)を目的の商品のものに変えれば、画像が表示できる場合があります。

■ リンクする

それではついに、リンクと画像リンクをつけた記事にしてみます。

<a href="http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/hatena-22/ref=nosim"><img alt="オバケのQ太郎―傑作選 (1) てんとう虫コミックス" src="http://images-jp.amazon.com/images/P/409140121X.09.MZZZZZZZ.jpg" class="photo"></a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/409140121X/hatena-22/ref=nosim">オバケのQ太郎―傑作選 (1) てんとう虫コミックス</a>
「オバケのQ太郎」は代表作では珍しい藤子両氏の合作。連載当初は「スタジオ・ゼロ」のメンバー石ノ森章太郎氏が手伝っていたようで、よっちゃん・ゴジラたちは石ノ森氏の絵。で、今になって権利の問題なのか絶版になっていて、買って読めるのがF氏の「劇画オバQ」だけという悲惨な状態。アマゾンでも中古の扱いしかありません。事情も謎なのですが、なんとか権利関係が解消されて書店に並んでほしいものです。（参考：[http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%90%E3%82%B1%E3%81%AEQ%E5%A4%AA%E9%83%8E:title]）

のようにすると、(画像のimgタグに『class="photo"』つけると多くのテーマでうまく表示されます)

オバケのQ太郎―傑作選 (1) てんとう虫コミックス
「オバケのQ太郎」は代表作では珍しい藤子両氏の合作。連載当初は「スタジオ・ゼロ」のメンバー石ノ森章太郎氏が手伝っていたようで、よっちゃん・ゴジラたちは石ノ森氏の絵。で、今になって権利の問題なのか絶版になっていて、買って読めるのがF氏の「劇画オバQ」だけという悲惨な状態。アマゾンでも中古の扱いしかありません。事情も謎なのですが、なんとか権利関係が解消されて書店に並んでほしいものです。（参考：オバケのQ太郎 - Wikipedia）

のように表示されます。同じような形でISBN/ASINとアソシエイトID、商品画像と商品名を入れ替えれば良いでしょう。

■ amazletツールで作成したHTMLの見栄え

amazletツールで「商品情報リンク」を作ると次のようになります。

オバケのQ太郎―傑作選 (1)

posted with amazlet at 04.11.25

藤子 不二雄
小学館 (1976/08)
在庫切れ

Amazon.co.jp で詳細を見る

生成されたHTMLにはいろんなstyle属性がついてくるのですが、はてなダイアリー上では無視されるので、見栄えはスタイルシートで指定できます。（生成されるHTML概略）
そのままでは画像と文章が縦に並んでしまいます。管理ツール詳細デザイン設定のスタイルシート欄に以下の内容を追加すると、それなりに見えやすくなるかもしれません（テーマによってはうまくいかず、調整が必要になります）。

div.amazlet-box {
	margin: 0;
	padding: 0.5em 1em;
}

div.amazlet-info {
	text-indent: 0em ! important;
	word-break: break-all;
}

div.amazlet-image img {
	float: left;
	border: 0;
	margin-right: 1em;
}

div.amazlet-name {
	font-weight: bold;
}

div.amazlet-box div {
	clear: left;
}

div.amazlet-image, div.amazlet-info, div.amazlet-name,
div.amazlet-powered-date, div.amazlet-detail, div.amazlet-link {
	clear: none;
}

• 【注意】amazletツールはブラウザのJavaScript設定がオフ、またはブラウザのポップアップブロック機能がオンだと稼働しません。
• 【補足】amazletツールは生成されたHTMLコードを貼るものなので、情報は固定されたままです。ISBN/ASIN記法のように、アマゾンサイトの情報更新は反映されません。
• 【関連ページ】Amazonアソシエイト支援ツールではG-Toolsもあります。こちらはHTMLで見栄えがガッチリ決まっているので、はてなダイアリーならスタイルシートが効く構造のamazletツールかな、と大きくとりあげませんでしたが、こういうツールはどんどん新しいものが出てくるかもしれません。

■ 自分のアソシエイトIDのasinページ

http://d.hatena.ne.jp/asin/4886487319/hatena-22

のように、ASINの後に『/アソシエイトID』のついたasinページも表示できます。ここからアマゾン商品の詳細ページを見に行くと、そのアソシエイトIDのページになります。

有料オプションを利用しているユーザーは「はまぞう」やISBN/ASIN記法を利用したとき自動的に、設定画面で設定した自分のアソシエイトIDがついたasinページにリンクするようになります。