Amazonブロック

サイトにAmazonの商品を掲載してリンクを設定します⁠。

最終更新日 2025年1月20日

Amazonブロ⁠ックを使用すると⁠、Amazonの商品を表示し⁠、リンクを追加することができます⁠。訪問者がブロ⁠ックをクリ⁠ックすると⁠、Amazonの商品ペ⁠ージにリダイレクトされます⁠。これによ⁠って⁠、アソシエイト リンクやサ⁠ードパ⁠ーテ⁠ィ⁠ー コ⁠ードが埋め込まれていなくても⁠、販売⁠、宣伝⁠、レビ⁠ュ⁠ーしている商品を強調することができます⁠。

Amazonのアソシエイト プログラムに参加している場合は⁠、アソシエイトIDを追加すると⁠、訪問者がブロ⁠ックをクリ⁠ックして購入を完了したときにクレジ⁠ットを得ることができます⁠。

この機能へのアクセス

Amazonブロ⁠ックはベ⁠ーシ⁠ック⁠、コア⁠、プラス⁠、アドバンス⁠、ビジネス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できます⁠。詳細は⁠、「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

始める前に

Amazonブロ⁠ックは⁠、米国のドメイン (⁠amazon⁠.com⁠) で販売されているAmazon商品を使用した⁠、米国のSquarespaceサイトでのみサポ⁠ートされています⁠。Amazonブロ⁠ックをクリ⁠ックした訪問者は⁠、このドメインで商品の閲覧と精算を行うことになります⁠。

米国以外のSquarespaceサイトでAmazonブロ⁠ックを使用したり⁠、amazon⁠.co⁠.ukなどの他のAmazonサイトの商品を表示したりすることはできません⁠。米国外のサイトにAmazonブロ⁠ックを追加すると⁠、「⁠Amazon Search Serviceは一時的に利用できません⁠」というエラ⁠ー メ⁠ッセ⁠ージが表示されます⁠。

サイトの地域の確認や調整については⁠、「⁠言語と地域の設定⁠」をご覧ください⁠。

Amazonブロ⁠ックを追加する

Amazonブロ⁠ックを追加する方法は以下のとおりです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックしてから⁠、[⁠Amazon⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」を参照してください⁠。
  2. ブロ⁠ックの鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠商品を探す⁠] フ⁠ィ⁠ールドで⁠、商品を検索します⁠。商品のURLまたはAmazon標準識別番号 (⁠ASIN⁠) を入力すると⁠、正しい商品を見つけることができます⁠。タイトルや説明で検索することもできます⁠。
  4. 商品画像を揃えるには⁠、[⁠配置⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーから⁠、[⁠⁠]⁠、[⁠⁠]⁠、[⁠中央⁠] を選択します⁠。
  5. 他のオプシ⁠ョン (⁠[⁠画像を表示⁠]⁠、[⁠タイトルを表示⁠]⁠、[⁠投稿者を表示⁠]⁠、[⁠購入ボタンを追加⁠]⁠) にチ⁠ェ⁠ックを入れ⁠、含める詳細のレベルをカスタマイズします⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、[⁠適用⁠] をクリ⁠ックして変更を公開します⁠。

Amazonブロ⁠ックに追加できる商品は1つだけですが⁠、1つのペ⁠ージに複数のAmazonブロ⁠ックを追加することができます⁠。

AmazonアソシエイトIDを追加する

Amazonのアソシエイト プログラムからクレジ⁠ットを正しく受け取るには⁠、アソシエイトIDを追加してください⁠。IDを追加すると⁠、統合によりブロ⁠ックを介してリンクが作成されるため⁠、Amazonブロ⁠ックでアソシエイト リンクを使用する必要はありません⁠。IDを変更すると⁠、サイト上のすべてのAmazonブロ⁠ックが更新され⁠、新しいIDが反映されます⁠。

AmazonアソシエイトIDを追加するには⁠、次の手順に従います⁠。

  1. [⁠開発者ツ⁠ール⁠] パネルを開き⁠、[⁠外部APIキ⁠ー⁠] をクリ⁠ックします⁠。
  2. [⁠AmazonアソシエイトID⁠] フ⁠ィ⁠ールドにアソシエイトIDを入力します⁠。
  3. [⁠保存⁠] をクリ⁠ックします⁠。

備考

AmazonアソシエイトIDはAmazonブロ⁠ックでのみ機能します⁠。Amazonペ⁠ージへのテキスト リンクには影響しません⁠。Amazon商品へのテキストのみのリンクを追加してクレジ⁠ットを確実に受け取るには⁠、テキスト リンクでAmazonの完全なアソシエイトURLを使用してください⁠。

Amazonブロ⁠ックのスタイルを設定する

Amazonブロ⁠ックのテキストとフ⁠ォントを変更し⁠、[⁠購入⁠] ボタンをカスタマイズすることができます⁠。

ボタンのデザイン

[⁠サイト スタイル⁠] パネルを使用して⁠、色や形状などボタンのデザインを変更します⁠。詳しくは⁠、「⁠ボタンのスタイル設定⁠」をご覧ください⁠。

Amazonブロ⁠ックのフ⁠ォント

Amazonブロ⁠⁠ックのフ⁠⁠ォントは⁠⁠、サイトの [⁠⁠サイト全体のフ⁠⁠ォント⁠⁠] からスタイルを取得します⁠⁠。

  1. Amazonブロ⁠⁠ックでペ⁠⁠ージを編集しているときに⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠段落⁠⁠] をクリ⁠⁠ックします⁠⁠。タイトルと投稿者のテキストの両方がこれらの微調整オプシ⁠⁠ョンに従います⁠⁠。
  3. テキスト サイズを変更するには⁠⁠、[⁠⁠段落2⁠⁠] のスライダ⁠⁠ーを使用します⁠⁠。投稿者のテキストはこの微調整オプシ⁠⁠ョンに従いますが⁠⁠、タイトルのテキストはわずかに大きく表示されます⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

色はサイト全体またはセクシ⁠⁠ョンの色に従います⁠⁠。

Amazonブロ⁠⁠ックのフ⁠⁠ォントは⁠⁠、サイト上の他のテキストのスタイル設定に従います⁠⁠。ほとんどのテンプレ⁠⁠ートでは以下のようになります⁠⁠。

  • タイトル - 本文のフ⁠⁠ォントに従いますが⁠⁠、わずかに大きくなります⁠⁠。色は⁠⁠、本文のリンクの色に従います⁠⁠。
  • 投稿者 - 本文のフ⁠⁠ォントと色に従います⁠⁠。

ただし⁠⁠、いくつかの例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーでは⁠⁠、次のようになります⁠⁠。

テンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ー 備考

Bedford

  • タイトルの色 - 本文に従います

Brine

  • タイトルの色 - 本文に従います

Farro

  • タイトルの色 - 本文に従います

Skye

  • タイトルのフ⁠⁠ォント - リストのタイトル (⁠⁠ブログ ペ⁠⁠ージ上で調整⁠⁠)
  • 説明文のフ⁠⁠ォント - 抜粋
  • タイトルの色 - タイトルの色
  • 説明の色 - 抜粋の色
Supply
  • 料金のフ⁠⁠ォント - スタイル オプシ⁠⁠ョンなし
  • 説明 - フ⁠⁠ォントの太さは固定

サイズを変更する

Amazonブロ⁠ックを追加するときに隣に他のブロ⁠ックがなければ⁠、コンテンツ エリアの全幅い⁠っぱいに表示されます⁠。Amazonブロ⁠ックの縦横比は⁠、Amazon上の商品のサムネイルの元の縦横比と一致します⁠。

Amazonブロ⁠ックのサイズ変更と並べ替えについての詳細は⁠、「⁠ブロ⁠ックのサイズを変更する⁠」および「⁠ブロ⁠ックを移動してレイアウトをカスタマイズする⁠」を参照してください⁠。

Amazonの商品を変更する

Amazonブロ⁠ックに表示される商品を変更するには⁠、次の手順に従います⁠。

  1. Amazonブロ⁠ック エデ⁠ィタ⁠ーで⁠、[⁠選択した商品⁠] の下の [⁠X⁠] をクリ⁠ックします⁠。
  2. 新しい商品を追加します⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、[⁠適用⁠] をクリ⁠ックして変更を公開します⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。