Amazon商品埋め込みの例

このページでは、Amazon商品の埋め込み表示をテストします。

書籍の例

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック

Dustin Boswell, Trevor Foucher

¥2,640

Amazonで見る

電子機器の例

Apple AirPods Pro（第2世代）​​​​​​​ ​​​​​​​USB-C

¥39,800

Amazonで見る

使い方

MDXファイルで以下のように使用します：

import AmazonProduct from '@/components/AmazonProduct.astro';
 
<AmazonProduct
  asin="商品のASIN"
  title="商品タイトル"
  author="著者名（オプション）"
  image="商品画像のURL"
  price="価格（オプション）"
  associateTag="アソシエイトタグ（オプション）"
/>

パラメータ

• asin (必須): Amazon商品のASINコード
• title (必須): 商品のタイトル
• image (必須): 商品画像のURL
• author (オプション): 著者名（書籍の場合）
• price (オプション): 価格表示
• associateTag (オプション): Amazonアソシエイトタグ（デフォルト: anko9801-22）

画像URLの取得方法

1. Amazon商品ページにアクセス
2. 商品画像を右クリック
3. 「画像のURLをコピー」または「画像アドレスをコピー」を選択
4. imageパラメータに貼り付け

注意事項

• 商品情報は手動で入力する必要があります
• 価格は変動するため、定期的な更新が必要です
• アソシエイトタグを使用する場合は、Amazonアソシエイトプログラムへの登録が必要です