空中の杜

旧名「空気を読まない中杜カズサ」。

はてなダイアリーのサイドにAmazonアソシエイトを貼る方法

なんかぼくはまちちゃん!(Hatena) さんとこで興味深いことやってました。

はてなの書けない「はてなダイアリーでアフィリエイトをはじめよう」

ですので、ちょっと乗っかってみようと。ただし、はてなモジュールをよく知っているひとにはある意味当たり前かもしれないので、対象ははてな初めてアフィリエイトをほかのブログみたいにサイドに貼り付けてやってみたいなあという人向け。あとあくまで自己流なんで、やっても自己責任でお願いします。

このページは見てわかるとおり、サイドにもAmazonがはってあります。これ、はまぞうではありません。というのは、サイドバー(ヘッダー・フッター)にははまぞうでのリンク生成に対応してないから、貼り付けようにもはりつけられないのですよね。故に、ほかのブログ(FC2とか)のサイドバーでプラグインとしてアフィリエイト貼っている人にとっては、不満に思った人も多いと思います。そこで、私の場合は下のような方法で解決しました。

まず、ほかのブログでいうところの「フリーエリア」に相当するものをはてなモジュールで作ります。

■参考:はてなダイアリーガイド「サイドバーに何かを入れる」

しかし、前述のようにはまぞうは使えませんので、画像タグとリンクタグを書く必要があります。しかしこれは、Amazonへのアフィリエイトリンクを生成してくれる便利なサイトがあります。

G-Tools

こちらで検索してデザインを選択してゆくと、画像やリンクのコードを生成してくれます。当たり前ですが、アソシエイトIDは自分のにしないとダメですので念のため。

それで得たコードを貼り付けます。参考までに、私のところのをちょっと変えたのをサンプルとして。

<div class="hatena-module">
<div class="hatena-moduletitle">話題作&お気に入り(コミック・本)</div>
<div class="hatena-modulebody">

<CENTER>

〓買う予定〓<BR><BR>

<a href="http://www.amazon.co.jp/exec/obidos/ASIN/406314514X/gamemusicblog-22/ref=nosim/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51l9eMPp4yL._SL75_.jpg" alt="ラブやん 10 (10) (アフタヌーンKC)" border="0" /></a><br /><a href="http://www.amazon.co.jp/exec/obidos/ASIN/406314514X/○○○○-22/ref=nosim/" target="_blank">ラブやん 10 (10) (アフタヌーンKC)</a>

</CENTER>
</div>
</div>

※○○○○-22 ……アソシエイトID

こうすると、サイドバーにブログパーツのように貼り付けることが出来るかなと。


ちなみに同じ理屈で、そこにブログパーツも入れることが出来ます。うちではフィードメーターWebスカウターなかのひとあわせて読みたいなんかが入ってますね。ほかにブログスカウターとかも入ります。ただし、JavaScriptを使っているものはエラーを吐くのでダメみたいです(はてなに正式対応していて、モジュールで追加できるものは別)。

そうそう、当然ですけど、サイドに貼り付けるエリアがあるデザインじゃないとダメですので。
まあ、はてなの場合アフィリエイトでがつがつ稼ぐような仕様ではないかなと個人的には思いますので、主には画像での賑やかしなど、デザイン的に活用するのがいいかと。まあ、収入があればそれで嬉しいですけど、そんな多額を期待するのは無理じゃないかと。まあトップクラスの人ならどうかわかりませんけど。