商品ボックスをブログに設置する方法
Amazon・楽天・Yahoo!へのリンクを1つにまとめた「商品ボックス」を無料で作成し、ブログに貼り付けられます。あなた自身のアフィリエイトIDで収益化でき、あわせて価格比較のPriceBestへのリンクも設置されます。
商品ボックスとは
商品の画像・タイトルと、Amazon・楽天市場・Yahoo!ショッピングそれぞれの「探す」ボタンをまとめたリンクカードです。 読者はお好きなショップで商品を探せて、あなたには各ショップのアフィリエイト報酬が入ります。 iframeではなく通常のHTMLなので、ページの表示も軽く、SEO上も自然です。
作成手順
- 商品リンク作成ページを開きます。
- 「商品を検索」に商品名や型番を入力して検索し、目的の商品を選びます(タイトル・画像が自動で入ります)。
- 「アフィリエイト設定」に、あなた自身のアフィリエイトIDを入力します(この端末のブラウザにのみ保存され、サーバーには送信されません)。
- デザインを4種類から選びます。
- 生成されたHTMLスニペットをコピーし、ブログの記事に貼り付けます。
アフィリエイトIDの取得方法はアフィリエイトID取得ガイドを参照してください。IDはブラウザのlocalStorageに保存され、次回以降は再入力不要です。設定はJSONでバックアップ・復元もできます。
4種類のデザイン
- カード(横) — 画像を左、タイトルとボタンを右に並べた標準デザイン。
- コンパクト — 小さめの1行レイアウト。文中に軽く差し込むのに最適。
- 縦型(大) — 画像を大きく上に配置。商品を目立たせたいときに。
- シンプル(文中) — 画像なし・テキストリンク中心。記事に自然に馴染みます。
WordPressで使う
WordPressをお使いの場合は、専用プラグイン「PriceBest Embed」を使うとショートコードで設置できます。プラグインのダウンロードと詳しい手順はWordPressプラグインの導入をご覧ください。
- プラグインをインストールし、設定画面でPriceBestのURLと、あなたのアフィリエイトID・既定のデザインを保存します。
- 記事に
[pricebest_box q="Switch 2 本体"]のように書くだけで、商品ボックスが表示されます。 - デザインは
[pricebest_box q="..." style="compact"]のように個別指定も可能です。
商品画像は自動で取得され、設定したアフィリエイトIDが各リンクに埋め込まれます。ライブ価格をそのまま表示したい場合は
[pricebest jan="..."] の埋め込みカードも利用できます。次に読む: アフィリエイトID取得ガイド →
