ASCII.jpツイートする書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー(読者)は商品をすぐに購入できるようになり、サイト運営者はその分の報酬(紹介手数料)を手にできます。多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。今回のお手本サイト:『映画生活』ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、2008年まではウノウが運営。2009年1月に「ぴあ」に事業が譲渡され、今後はぴあのサービスと連携したサービス展開が計画されている。http://www.eigaseikatu.com/レビューページからDVD購入へと導くアフィリエイトリンク書籍やDVDなどを紹介するサイトで個別商品にアフィリエイトリンクを張る場合、通常はどれか1つのショッピングサイトに絞る場合がほとんどです。ところが「映画生活」では、Amazon.co.jpと楽天ブックスの両方のショッピングサイトへリンクしています。映画生活のDVDレビューページ。Amazon.co.jpまたは楽天のページから商品を購入できますAmazon.co.jp/楽天ブックスには、Amazonなら発送が早い、楽天なら楽天のポイントが付与される――などそれぞれによいところがあります。どちらか一方のサイトにしか会員登録していないユーザーなら、当然、すでに会員になっているサイトで買い物をしたいでしょう。このように、複数のサイトから商品を購入できる仕組みを作っておけば、実際に購入まで到達してもらえる可能性は高くなります。次ページではさっそく、この2つのサイトへのアフィリエイトリンクを設置してみましょう。一覧へDESIGN普通のtableタグを1行で動く表にするJSライブラリ「Yahoo!不動産」が採用する“ソートできるテーブル”を組み込んでみよう。ライブラリを使えば僅かな作業で実現できる。DESIGNGoogleマップ+jQueryで作るAjaxなデザインGoogleマップと自作のスクリプトで、地図と連動するショップガイドのWebサイトを作ろう。Lampの使い方を紹介する。DESIGNjQueryでクールなくるくるウィジェットを作ろうjQueryでかっこよく使いやすいUIを作ろう。今回は、くるくる回るカルーセルをページをめくるナビゲーションに使う方法について。運営するWebサイトに複数のショッピングサイトのアフィリエイトリンクを張りたい――そんなときはJavaScriptでちょっとした工夫をしてみよう。DESIGN意外性が心地よいJSメニューのWebデザイン米国のインタラクション・デザイナーのサイトで使われているナビゲーション。意外な動きが気持ちいいこのメニューをjQueryで再現してみよう。あのサイトの“技”を盗め「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。00DESIGNjQueryで作るAmazon流リキッドレイアウトAmazonのようにウィンドウの幅に合わせてコンテンツの表示を変えるようにしたい――難しいリキッド・レイアウトで使えるテクニックにチャンレジしてみよう。00DESIGNあのFlashサイトのUIをjQueryで作る海外サイトをお手本に、ページの切り換えをJavaScriptで派手に演出する方法を紹介しよう。スライドする動きもjQeryを使えば手軽に作れる。00DESIGNFlashではなくjQueryで!インパクトのあるUIを作ろう国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく方法を紹介する本連載。第6回はFlashを使わずにインパクトのある表現を実現する方法について。00DESIGN長~いページもスッキリ!jQueryでタブ表示1つのWebページに多くの情報を載せようとすると、縦に長くなって見づらくなってしまう。そのようなWebページを整理するには、ページをいくつかのタブに分けるのが1つの方法だ。UIの「Tabs」というウィジェットを使って、ページをタブに分ける方法を紹介する。00DESIGNjQueryで作る“Amazon風”インターフェイス国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間も時間もかけずに自分のWebサイトをブラッシュアップしていく方法を紹介する本連載。第4回はAmazon.co.jpの回転式スライドパネル(カルーセル)に挑戦しよう。この冬作ろう!jQueryプラグイン講座2008年、最も勢いのあったJavaScript/Ajaxライブラリ「jQuery」。1日1本、簡単なプラグインの作成方法を解説する6日間の集中講座だ。国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく連載。第10回はサムネイル画像の魅力的な見せ方について。スマホお気に入り一覧マイページ。