Amazonインスタントストア
Amazonインスタントストアの設置
今回は、おもしろそうなので、Amazonインスタントストアを、ブログに設置してみようと思います。
お話は、次の順番で進みます。
インスタントストアとは？
オンラインストア（ショップ）を、簡単に作成できるツールです。
どのようなモノが作成できるかと言えば、当ブログでも「ショッピング」として設置しているので、よかったらご覧になってみてください。
ショッピングカートもあるので、今までのAmazonさんの表示形式から、ずいぶん発展した感じがします。
外部に設置していますが、iframeなどでWebサイト内に設置することも可能です。
インスタントストアの作成
1：アソシエイト・セントラルへサインインする。
（01）
アソシエイト・セントラルへ行きます。
（02）
アソシエイト・セントラル画面が表示されます。
「Eメールアドレス」と「パスワード」を入力して、[サインイン]ボタンをクリックします。
2：インスタントストア作成の流れ
（03）
アソシエイト・セントラルへ、サインインできたかしら。
左側にあるメニュー「ツール」の「インスタントストア」を、クリックします。
（04）
「インスタントストア」画面が表示されます。
[いますぐストアを作成する]ボタンをクリックします。
（05）
「インスタントストアのページを作成する」画面が表示されます。
インスタントストアの作成は、次の順番で行うようです。
- カテゴリーページ作成／商品選択
- カラーとデザインを選ぶ
- サイドバーに表示する項目を選ぶ
- リンクを取得する
3：カテゴリーページ作成／商品選択
（06）
手順通り、[カテゴリーページを追加]ボタンをクリックします。
（07）
新しいカテゴリーが作成されました。
（08）
「カテゴリーページ」を編集します。
カテゴリータイトルを、好きなように変更します。私は「新しいカテゴリー (1)」から「ブログ作成に役立つ本」に変更しました。
（09）
商品を追加します。次の選択肢があります。
- 特定の商品を追加する
- Amazon.co.jpのカテゴリーから商品を追加する
- リストマニアのリストから商品を追加する
とりあえず「特定の商品を追加する」を選び、[商品を追加]ボタンをクリックします。
（10）
サーチ画面が表示されます。
商品のカテゴリーを選択し、キーワードを入力します。私は商品カテゴリーを「本」、キーワードは「FC2」を入力し、「GO」をクリックしてみます。
（11）
結果が表示されます。
3件表示されましたが、期待していた結果は下の2件です。2冊分[追加]ボタンをクリックします。
あなたが必要な分だけ、検索し、追加してください。9品くらいがおさまり良いかもしれません。
（12）
追加されました。
[カテゴリーページに戻る]ボタンをクリックして戻ります。
（13）
「インスタントストアのページを作成する」画面に戻りました。
「カテゴリーの説明文」を入力します。（タイトルと商品の間に、記載されます）
[変更を保存]ボタンをクリックます。
（14）
[次に進む]ボタンをクリックます。
4：カラーとデザインを選ぶ
（15）
テーマを選択します。とりあえず、「Earth」を選んでみました。
（16）
フォント、テキストカラー、背景色などを、プレビューを見ながら、自分のブログの雰囲気にあうように入力します。
（17）
ストア名を、入力します。
ストア名は、タイトルの上に表示されます。また、<title>としても使用されます。
（18）
ヘッダーを表示するか否か、フォントサイズ、ヘッダーに画像を使用する場合のURLを入力します。
ヘッダーは、ストア名の部分になります。非表示にすれば、ストア名が表示されません。
（19）
[次に進む]ボタンをクリックます。
5：サイドバーを選ぶ
（20）
サイドバーを、左にするか、右にするか選択します。
（21）
各種項目を、選択します。
文字の上にカーソルを合わせると、どのようなものが表示されるのかが分かります。
（22）
[この設定でHTMLを取得する]ボタンをクリックします。
6：HTML（URL）の取得
（23）
インスタントストアを、どのように設置するか選択します。次の選択肢があります。
- インスタントストアを単独のページとして利用する場合
- iframe形式でインスタントストアをWebサイトに組み込む場合
- フレーミング形式でインスタントストアをWebサイトに組み込む場合
[プレビューする]ボタンをクリックします。
ブログの場合、iframeやframeを使っていることはないと思います。iframeを選択する場合は、テンプレートを確認してください。
（24）
満足のいく形になったかしら？ある程度、商品が並ばないと、ちょっと寂しい感じです。
（25）
納得できたら、[HTMLをハイライトする]をクリックし、URLをコピーします。
あとは、自分のブログから、そのURLへリンクを張るだけです。どこに配置するかは人それぞれです。
左側のメニュー「ツール」の「インスタントストア ウィジェット」で、ウィジェットとして挿入することもできます。
次回予告
次回は、アクセス解析Research Artisanの導入手順について書きます。
関連記事
Amazonアソシエイトについての記事を、ご紹介します。
1：Amazonアソシエイトをブログに設置する方法
2：さようならは言わない
作成日：2007/10/02 更新日：2007/10/02
« 「FC2でAmazon設定」｜「Amazonアソシエイト退会」 »
コメントありがとうございます。
現在、コメントさんも、お休みしています。
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/67-a77a3845
