ウィジェットコード

なぜウィジェットコードを使用するのですか?
  • たくさんのウィジェットを一度に簡単に作成できます
  • 他のWebサービスと併用してマッシュアップを作成
  • ウィジェットをあなたのWebページに表示しましょう

ウィジェットコードとは何ですか?

ウィジェットコードは、Amazonウィジェットを作成する新しい方法です。

従来、Amazonウィジェットを作成するためには、アソシエイト・セントラル内のウィジェット・セントラルにアクセスし、Web上で毎回設定作業を行う必要がありました。この方法は、1つのウィジェットだけを作成するのには便利ですが、たくさんのウィジェットを一度に作成したい場合は、毎回設定作業を行う必要があるため、そのような用途には適していると言い難い状況でした。

ウィジェットコードを使うと、ウィジェットをコード化して作成でき、あなたのWebページのお好きな場所に組み込むことができます。ウィジェットコードは、ウィジェットの表示設定をプログラム上で行うことができ、ウィジェットへの商品の追加も色々な方法で行えるようになります。 詳しく見る

ウィジェットコードはどのように使えばよいですか?

  1. 以下のウィジェットコードテンプレートのウィンドウ内のコードを、必要に応じて追加・変更してください。設定可能な値については、パラメータリストを参照してください。設定が終了したら「プレビューを更新」ボタンをクリックして、設定内容を確認してください。

    ウィジェットコードテンプレート

    コピーされました
    padding

    プレビュー

    パラメータリスト

    ウィジェットのデザインやレイアウト、コンテンツの内容は以下のパラメータを設定することによりカスタマイズができます。Design および ColorTheme のパラメータを指定することで、あらかじめ用意されたデザインやカラーテーマからお好きなものを選択していただけます。また、より細かいカスタマイズがしたい場合は、既存のテーマを好みに合わせて変更することも可能です。

    design colorTheme 上書き
    1 Blues
    Pistachio
    RedGrey
    Pink
    Pumpkin
    パラメータ
    outerBackgroundColor HEXカラーコードを指定 (例. #CC6600)
    innerBackgroundColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    roundedCorners True, False
    2 Default
    Blue
    Grey
    Orange
    Pink
    White
    パラメータ
    outerBackgroundColor HEXカラーコードを指定 (例. #CC6600)
    backgroundColor
    borderColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    3 Cinnamon
    Peppermint
    Spearmint
    パラメータ
    headerTextColor HEXカラーコードを指定 (例. #CC6600)
    linkedTextColor
    bodyTextColor
    4 Onyx
    Cobalt
    Ruby
    パラメータ
    headerTextColor HEXカラーコードを指定 (例. #CC6600)
    linkedTextColor
    bodyTextColor
    5 BrushedSteel
    BrushedNickel
    BrushedCopper
    パラメータ
    headerTextColor HEXカラーコードを指定 (例. #CC6600)
    linkedTextColor
    bodyTextColor
  2. 完成したウィジェットコードをあなたのWebサイトに組み込む