アソシエイトIDも可変! Amazonレーダーをブログに貼り付けよう

Amazonレーダーはにゅーあきばの運営サイトで使われる予定だが、一般のユーザーにも自由に使えるようになっている。簡単に貼れるように、「ASIN」(Amazonの商品コード)やAmazonの商品ページのURL、アソシエイトコードを入力すると、用途に応じたHTMLタグを出力してくれるページを用意した。

Amazonレーダー
設定ではフラッシュの色を自分のページに合わせて変更することが可能で、ページの雰囲気を崩さずに貼ることもできる。発行されたHTMLコードを自分のページのHTMLにコピペすると、その位置にAmazonレーダーが表示される。ブログを更新したときに、ただのAmazonリンクではなく、関連する商品を表示するAmazonレーダーを貼っておけばページの見栄えがよくなることはもちろん、こんな商品があるのか!と記事の楽しさもアップする。どしどしページに貼って楽しい商品を見つけちゃおう。

なお、プログラムやウェブサイトに詳しいユーザーにはフラッシュファイルをそのまま配布する予定だ。

■Amazonレーダーを自分のページに貼る

Amazonレーダーのタグ発行ページへアクセスする。色を指定して、発行するコードの種類、タグの種類を選び「タグ発行」をクリックする。発行するコードの種類は「JavaScriptタグ」か「HTMLタグ」を選べる。JavaScriptタグのほうがどのブラウザでもうまく表示される可能性が高いが、JavaScriptの禁止されているブログなどでは「HTMLタグ版」を選ぶといい

テキスト欄に発行コードが出力されたら、テキストをコピーする

自分のウェブページのHTMLに貼り付ける

ウェブページにAmazonレーダーが表示されたぞ

■貼り付け例


Get Adobe Flash player

商品ダブルクリックで中心へ / シングルクリックでAmazon商品ページへ


■SWFダウンロード版も予定しているぞ

今後は自分のサイトにフラッシュファイルをそのまま置くことが可能な「SWFダウンロード版」も予定している(現在準備中)。外部サイトにファイルを置いているとローディングに時間がかかる場合があるので、自分のサイトに設置すればいい。

ZIPパッケージを解凍して、解凍したファイルを丸ごとFTPなどを使ってアップロードしたら、タグ発行ページの「JavaScript」版のタグを改変し、「swf」のパスをアップした個所に書き換える。これで自分のサーバに設置完了だ


■ブックマークレットでタグ発行の手間を減らそう

タグの発行もすぐ行いたいというユーザーのために、ブックマークレット(Bookmarklet)も準備した。ブックマークレットを事前にブックマーク登録しておき、Amazonの個別商品ページでブックマークを開くと、ASINが入力された状態のタグ発行画面に移動する。いちいちASINを調べて貼り付けるという手間がないためお手軽だ。あとはタグの種類、色を選んで発行すればよい。

ブックマークレットをブックマークに登録しておく。リンクに登録でもOKだぞ

Amazonの商品ページでブックマークレットを開くと、貼り付けタグの出力画面へ移動するぞ

■ Amazonの商品をレーダーで発見する! ブログに貼れる!

Amazon関連商品をアニメーション表示する「Amazonレーダー」
≫アソシエイトIDも可変! Amazonレーダーをブログに貼り付けよう
2009年03月16日 16時17分
©教えて君.net All Rights Reserved.