PriceBestPWA

当サイトはアフィリエイト広告を利用しています

← 使い方ガイド

商品ボックスをブログに設置する方法

Amazon・楽天・Yahoo!へのリンクを1つにまとめた「商品ボックス」を無料で作成し、ブログに貼り付けられます。あなた自身のアフィリエイトIDで収益化でき、あわせて価格比較のPriceBestへのリンクも設置されます。

商品ボックスとは

商品の画像・タイトルと、Amazon・楽天市場・Yahoo!ショッピングそれぞれの「探す」ボタンをまとめたリンクカードです。 読者はお好きなショップで商品を探せて、あなたには各ショップのアフィリエイト報酬が入ります。 iframeではなく通常のHTMLなので、ページの表示も軽く、SEO上も自然です。

作成手順

  1. 商品リンク作成ページを開きます。
  2. 「商品を検索」に商品名や型番を入力して検索し、目的の商品を選びます(タイトル・画像が自動で入ります)。
  3. 「アフィリエイト設定」に、あなた自身のアフィリエイトIDを入力します(この端末のブラウザにのみ保存され、サーバーには送信されません)。
  4. デザインを4種類から選びます。
  5. 生成されたHTMLスニペットをコピーし、ブログの記事に貼り付けます。
アフィリエイトIDの取得方法はアフィリエイトID取得ガイドを参照してください。IDはブラウザのlocalStorageに保存され、次回以降は再入力不要です。設定はJSONでバックアップ・復元もできます。

4種類のデザイン

  • カード(横) — 画像を左、タイトルとボタンを右に並べた標準デザイン。
  • コンパクト — 小さめの1行レイアウト。文中に軽く差し込むのに最適。
  • 縦型(大) — 画像を大きく上に配置。商品を目立たせたいときに。
  • シンプル(文中) — 画像なし・テキストリンク中心。記事に自然に馴染みます。

WordPressで使う

WordPressをお使いの場合は、専用プラグイン「PriceBest Embed」を使うとショートコードで設置できます。プラグインのダウンロードと詳しい手順はWordPressプラグインの導入をご覧ください。

  1. プラグインをインストールし、設定画面でPriceBestのURLと、あなたのアフィリエイトID・既定のデザインを保存します。
  2. 記事に [pricebest_box q="Switch 2 本体"] のように書くだけで、商品ボックスが表示されます。
  3. デザインは [pricebest_box q="..." style="compact"] のように個別指定も可能です。
商品画像は自動で取得され、設定したアフィリエイトIDが各リンクに埋め込まれます。ライブ価格をそのまま表示したい場合は[pricebest jan="..."] の埋め込みカードも利用できます。

次に読む: アフィリエイトID取得ガイド →