Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

技術情報

Amazon ウィジェット なるものを早速試してみました

投稿日:


Amazon ウィジェットを使うと、ブログをはじめとしたWebサイトでの商品紹介がもっと簡単に、ダイナミックになります。もちろん利用は無料です。

via: Amazon アソシエイト・プログラム ブログ: 新リンク作成ツール Amazon ウィジェットデビュー!

Amazonのオフィシャルブログでこのようなアナウンスが出ていたので、早速チェックしてみました。
amazon widget01
ふむふむ、6種類も表示方法が増えたんですね。
 1)スライドショー
 2)お気に入り
 3)プロダクトクラウド
 4)ウィッシュリスト
 5)クイックリンク
 6)サーチ
この内、スライドショー形式を作ってみたので、その手順でも載せてみます。


amazon widget02
まずは、商品を選択します。カテゴリーとキーワードで絞り込む感じ。
Ajaxが効果的に使われていて、サクサクと検索できます。
amazon widget03
「商品を追加する」ボタンを押すと右側の「ウィジェットを見る」欄に追加されていきます。
表示したい商品を選び終わったら、右下の「次の手順」ボタンを押します。
amazon widget04
こんどは、表示方法を選択します。
表示方法は3種類
 1)シンプル
 2)ギャラリー
 3)スクロール
サイズやスライドの遷移スタイル、色なども選択できます。
全て、選択し終わったら「Webサイトに追加」ボタンを押します。
amazon widget05
最後にコードの張りつけですが、様々なブログサービスへの連携ボタンがあるので迷う事はなさそうです。このブログはMovableTypeなので、一番したのObjectタグをコピーしてテンプレートに貼付けました。
完成したAmazon スライドショー ウィジェットはとりあえず個別エントリーページのタイトル下に表示してみました。確かにFlashでサクサクスライドするのは目立ちますねぇ。
今回は、スライドショー形式のみ試してみましたが、クラウド形式の表示なんかも面白いかもしれません。しばらく、様子を見つつ色々試してみようと思います。

-技術情報

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

子どもに古いiPhone5sをLINEモバイルでお下がりするためにやったこと

もう3月、卒業・入学シーズンでお子さんにスマホを持たせ始める家族も多くなる時期ではないでしょうか。 わがヤガー家では長女が小学校を卒業するため、自分のお下がりのiPhone5sを使わせることになりまし …

ブラウザの見えていない部分もスクロールしてキャプチャーする方法色々(無料のみ)

資料を作る場合なんかに、サイトのキャプチャー画像を張り付けたりする事がありますが、OSの標準機能のスクリーンキャプチャではスクロールしないと見えない部分は一度にキャプチャーする事ができません。 ・Wi …

これまで公開してきたいくつかの個人サービスの状況報告と閉鎖予告

ブログの更新頻度も少なくなり、自前WEBサービスのメンテナンスもほとんどしていない状態が続いておりますが、ここで今まで公開してきたいくつかのサービスの閉鎖をお知らせすることにしました。きっかけは、もう …

MacBook (13-inch, Aluminum, Late 2008) のメモリを8GBに増設

つい最近、新しいMacBook Airが出たり、もうちょっと前にはMacBook Proも出てたりしますが、iPad2を買ったばかりだしお金の余裕もないのでまだまだしばらくはMacBook (Late …

新型MacBook(Late 2008) の良さは触ってみないとわからない

さて、昨日は開封レポートで箱を開けただけで昇天してしまったんですが、1日経って今回は本体のレポートでもしてみようと思います。 比較のために、旧MacBook白(Early 2006)にも登場してもらい …

スポンサードリンク

スポンサードリンク