1.トラッキングID(アソシエイトタグ)
トラッキングID アマゾンのアフィリエイトIDであるトラッキングID(アソシエイトタグ)を設定します。
なお、リンクの約5%は弊社のトラッキングIDとなります。
初期値は弊社のトラッキングIDです。
アマゾンのアフィリエイトプログラムに参加していない方は、まず、アフィリエイトに参加する必要があります。
アマゾンアフィリエイトはこちらではじめることができます。 Amazonアソシエイト(アフィリエイト)にようこそ!
2.ブラウザノード(カテゴリー)の選択
表示したいアイテムのアマゾンカテゴリーを追加してください。
3.全体設定
全体横幅指定有無 横幅を指定する : 全体の横幅を次の項目で指定した幅に設定します。
横幅を自動算出 : 各アイテムの横幅×列数で、全体の横幅が決定されます。
全体の横幅を指定する 全体の横幅を指定しない
全体横幅  px
横スクロールバー有無 スクロールバー無 スクロールバー有
全体の高さ指定有無 高さを指定する : 全体の高さを次の項目で指定したサイズに設定します。
高さを自動算出 : 全体の高さはヘッダー+ 各アイテムの高さ×行数 + フッターで決定されます。
全体の高さを指定する 全体の高さを指定しない
全体の高さ  px
縦スクロールバー有無 スクロールバー無 スクロールバー有
全体枠線 枠線無  枠線有   幅: px  色:
全体背景色 全体背景色 : パーツの背景色を設定します。入力がない場合、透過になります。
指定しない 指定する 色:
データ取得件数 データ取得件数 : アマゾンから何件のデータを取得するかを指定します。
1行表示列数 1行表示列数 : 一行に何アイテムを表示するかを指定します。 個  (一行に含める表示アイテム数をを指定します。)
画像の扱い 画像がない商品をスキップする場合、取得件数から画像のない商品を除外するため、総取得件数は減少します。 画像の無い商品を含める  画像が無い商品をスキップする
アダルト商品除外 アダルト商品を除外します。取得件数からアダルトを除外するため、アダルト商品がある場合、総取得件数は減少します。 アダルト有  アダルト無
ヘッダー有無 ヘッダーラベルを設定します。ヘッダーは全体の高さに含まれます。 ヘッダーラベル無 ヘッダーラベル有 
ヘッダー文字
ヘッダー設定 高さ: px  背景色:
文字色:  フォント   太字 
4.各アイテム設定
アイテム表示設定
表示項目 アマゾノからの取得データの表示項目を設定します。
少なくともひとつは選択してください。
 画像  ランキング  商品名  作成者  販売元  発売日  定価  最安値  中古最安値  紹介文  レビュー  アマゾンロゴ
ランキング表示順 ランキング順に表示 ランダムに表示
テキスト表示位置 テキストの表示位置を設定します。
テキスト表示位置は、「画像の下」、「画像の右横」、「テキスト無」、「画像内表示」から選択します。
画像内でのテキスト表示方法 テキスト表示位置で、「画像内表示」を選択した場合に表示されます。
7つの表示方法から選ぶことが可能です。
シンプル重ね合わせは画像上の一部に、テキストを重ね合わせて表示します。
その他の表示はカーソルホバー時に画像とテキストが切り替わります。
どのように表示されるかは、プレビューしご確認ください。
背景色、背景の透過度(どれくらい透けるか)等を設定することが可能です。
0:全て透過~1:透過無し
 ホバー時背景色:  ホバー時景色透過度:  景色占有:%
 タイトル背景色:  タイトル透過度:
テキストの高さ テキスト表示位置で、「画像の下」、「画像の右横」を選択した場合に表示されます。
全体のサイズが固定の場合には、画像サイズとテキストサイズは、総和が一定になるように調整されます。
また、「画像の下」の場合に、テキストサイズに入りきらないテキストは、カットされます。 説明
 px
アイテムの枠線 枠線の有無および色、幅を指定します。
角丸を設定した場合は枠線が角丸になります。
枠線無  枠線有
  幅: px  色:  ホバー色:
  角丸無  角丸有   角丸の大きさ: px
アイテム枠線の影指定 枠線に影を設定したい場合に、指定します。 指定しない 指定する   色:  ホバー色:
画像の枠線 枠線の有無および色、幅を指定します。
角丸を設定した場合は枠線が角丸になります。
枠線無  枠線有
  幅: px  色:  ホバー色:
  角丸無  角丸有   幅: px
画像枠線の影指定 枠線に影を設定したい場合に、指定します。 指定しない 指定する   色:  ホバー色:
アイテム間の横マージン アイテムとアイテムの間の横のスペースを設定します。
アイテム間の縦マージン アイテムとアイテムの間の縦のスペースを設定します。
Afeepartsへのリンクを付与 Afeepartsへのリンクをフッターに表示します。
可能であれば、是非、表示ください。
付与する  
画像設定
画像サイズ指定
画像の横幅 画像の横幅を指定します。指定できる値は、20px~2000pxです。
全体のサイズが固定で、テキスト表示位置で「画像の下」、「画像の右横」を選択した場合には
画像サイズとテキストサイズは、総和が一定になるように調整されます。 説明
 px
画像の高さ 画像の高さを指定します。指定できる値は、20px~2000pxです。
全体のサイズが固定で、テキスト表示位置で「画像の下」、「画像の右横」を選択した場合には
画像サイズとテキストサイズは、総和が一定になるように調整されます。 説明
 px
画像の表示方法 画像の表示方法を設定します。
基本的に画像は枠いっぱいに表示されるようになっていますので、縦横比の関係で、
枠が埋まるように画像の部分が切り出されて表示されます。
画像の切り出し部分が適切でない場合、切り抜き指定で調整することが可能です。 「枠内に全体を含めて表示」を選択した場合は、画像枠サイズ内に画像全体を表示します。
こちらの場合、縦横比の関係で、短辺部分は空白で表示されます。

説明
枠内を埋めるように表示 枠内に全体を含めて表示
切り抜き指定 画像の切り出し位置が適切でない場合、「切り抜きする」を指定をすることで、
切り抜き位置を調整することができます。
詳しくは、「切り抜き位置」のヘルプを参照してください。
(「切り抜き位置」は、「切り抜きする」を指定した場合に表示されます。)
切り抜きしない 切り抜きする
切り抜き位置 画像の切り出し位置が適切でない場合、ここで切り抜き位置を指定することができます。
元画像から、画像枠の大きさ分を、切り出し位置からクリッピングします。

説明
画像切替アニメーション 複数画像がある場合の切り替えアニメーションを指定します。
それぞれのアニメーションについては、プレビューで確認してください。
画像切替方法 自動切替を選択した場合は、約5秒ごとに自動的に画像が切り替わります。
手動切替を選択した場合は、画像ホバー時に表示される矢印で、画像を切り替える事が可能です。
一定時間で自動切替 手動切替
同時切替個数選択 切替アニメーションは利用者のPCへの負荷が高いため、同時に切り替える数は数個程度が適切です。
切替負荷については、タスクマネージャ等で確認し、適切な数を設定してください。

 ※ アニメーション処理は利用者のPCへの負荷が高いため、数個程度が適切です。
ランキング フォント   太字    ランキングと商品名を連結する 
文字色 通常時文字色   ホバー時文字色 
商品名 フォント   太字   行ぞろえ機能  行を表示する
文字色 通常時文字色   ホバー時文字色 
作成者 フォント   太字   行ぞろえ機能  行を表示する
文字色 通常時文字色   ホバー時文字色 
販売元 フォント   太字   行ぞろえ機能  行を表示する
文字色 通常時文字色   ホバー時文字色 
発売日 フォント   太字 
文字色 通常時文字色   ホバー時文字色 
定価 フォント   太字 
文字色 通常時文字色   ホバー時文字色 
最安値 フォント   太字 
文字色 通常時文字色   ホバー時文字色 
中古最安値 フォント   太字 
文字色 通常時文字色   ホバー時文字色 
紹介文 フォント   太字   行ぞろえ機能  行を表示する
文字色 通常時文字色   ホバー時文字色 
レビュー フォント   太字 
文字色 通常時文字色   ホバー時文字色 
取得時刻 フォント   太字 
文字色 通常時文字色   ホバー時文字色 
5.プレビュー
設定したデータのプレビューを表示したい場合は、以下のプレビューボタンを押下してください。
プレビューについては、データ解析、画像解析のために、30秒ほどかかる場合があります。
本番環境においては、データキャッシュを行いますので高速に表示されます。
6.設置スクリプト取得
設置スクリプトを入手したい場合は、以下の項目を入力し取得ボタンを押してください。 設置方法の詳細については、「設置方法」を参照してください。

※ 念のため、リンクの動作確認ツールで有効なリンクになっているかご確認ください。
※ 設定データは2ヶ月間パーツが表示されないと消去されます。

 利用規約 に同意する。

メールアドレス
利用サイトアドレス
確認コード
画像に表示されている文字を入力してください。

■プリセットパターン

 いくつかのパターンをプリセットしています。
 幅・高さなどを調整し利用ください。