Amazonウィジェットの作成
Amazonウィジェットの作成手順
登録が終わったら、次はウィジェットを選んで、ブログに合う形に作成します。
1：ウィジェットを選択する。
（01）
Amazonアソシエイト・セントラルに、サインインしているかしら。
左側にあるメニュー「ツール」の「リンク/ウィジェット作成」を、クリックします。
（02）
「Amazon ウィジェットを作成しましょう」画面が表示されます。いろいろなタイプの商品紹介の仕方（ウィジェット）を選ぶことができます。
私は「お気に入りウィジェット」にしてみます。[あなたのWebサイトに追加]ボタンをクリックします。
「あなたのWebサイトに追加」と言っても、クリックすることで、自動的に自分のブログに設置されるわけではありません。ウィジェットを選択しているだけです。
2：商品を選択する。
（03）
ウィジェットが追加できたようですが、「ウィジェットを見る」の枠に、「商品が登録されていません」とあります。
「Amazon.co.jpを検索して商品を探そう」で商品を探せば良さそうです。
試しに「FC2」と入力して、「GO」をクリックします。
（04）
結果が表示されます。FC2さんの新刊がありました。（2007年10月発売予定）
「商品を追加する」をクリックします。
（05）
「ウィジェットを見る」の枠に、商品が追加されます。
コメントを入力して、[コメントを保存]ボタンをクリックします。
（06）
[次の手順]ボタンをクリックします。
3：カラーとデザインを選択する。
（07）
オプション表示で、次の項目を入力します。
- タイトル
- 表示（イメージ、価格、評価）
- 幅
私は「タイトル」を「本のご紹介」、「表示」は3つ選択、「幅」は「160px」のままにしました。
「幅」は、テンプレート（CSS）を見て確認してください。どの程度の幅なら入るかは、テンプレートによって違います。
（08）
「カラーとデザイン」で、ブログの雰囲気にあったものを選択します。
最初にデザインを選びます。
右側にプレビューが表示されるので、逐次（ちくじ）確認できます。
（09）
カラーを選びます。
「カスタマイズする」をクリックします。
カラーを選択できるようになります。それぞれの色をクリックすれば、色を好きなように変更できます。
私はあまり配色のセンスがよろしくないので、カラーテーマを使うことにします。
カラーテーマ名の上にカーソルを合わせると、他の候補が表示されます。私は、「青系」を「パンプキンに」変更しました。
プレビューで確認してみましょう。
（10）
デザインとカラーが決まったら、[Webサイトに追加]ボタンをクリックします。
4：HTMLコードを準備する。
（11）
「このウィジェットをWebページに追加するには、以下に一覧で表示されたWebサイトを選択してください」と表示されます。
FC2さんがあるので、「FC2に追加」をクリックします。
（12）
「Amazon ウィジェットは、ブログサイドバーまたはブログ本文に追加することができます。」と表示されます。
次の2つの選択肢があるようです。私はサイドバーに設置したいので、「FC2 のサイドバーに追加」をクリックします。
- FC2 のサイドバーに追加
- FC2 のブログ本文に追加
（13）
「設置手順」と「HTMLコード」が表示されます。「HTMLコード」をコピーします。
次回予告
次回は、FC2管理者ページでの、Amazonアソシエイト（ウィジェット）の設定について書きます。
関連記事
Amazonアソシエイトについての記事を、ご紹介します。
1：Amazonアソシエイトをブログに設置する方法
2：さようならは言わない
作成日：2007/09/30 更新日：2007/09/30
« 「Amazonアソシエイト登録」｜「FC2でAmazon設定」 »
コメントありがとうございます。
現在、コメントさんも、お休みしています。
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/65-a257c4d4
