[AI Recommend Plus]レコメンド表示枠と表示イメージ
本機能はコマースクリエイター未利用・移行中(切替前)の店舗様はご利用いただけません。
レコメンド機能として、「future AI Recommend」「futureRecommend2」をご利用の店舗様はこちらをご覧ください。
future AI Recommend Plusの各種レコメンドが表示される表示枠と表示イメージについて解説します。
テンプレートは、変更・複製が可能です。
また全く新しいテンプレートを新規作成することも可能です。
<目次>
レコメンド表示枠テンプレート一覧
表示枠テンプレートは、プリセット枠として16種類準備しております。
うち、8種類は順位付きのテンプレートとなります。
future AI Recommend Plus管理画面 表示設定>テンプレート一覧/作成にて確認できます。
また同画面より、複製、新規作成を行うことができます。
なお、プリセットされた表示枠テンプレートの各種設定は、変更できません。
16種類のレコメンド表示枠は以下の通りです。
固定表示テンプレート
列ごとに、指定数分のレコメンド商品を並べて表示します。
| 表示枠一覧/作成での表記 | テンプレート一覧/作成での表記 | 説明 |
|---|---|---|
| 固定表示(SP:2列-PC:4列) | fs_fixed_2_4 | <1列に表示される商品数> ・スマホ:2商品 ・PC:4商品 |
| 固定表示(SP:2列-PC:5列) | fs_fixed_2_5 | <1列に表示される商品数> ・スマホ:2商品 ・PC:5商品 |
| 固定表示(SP:3列-PC:4列) | fs_fixed_3_4 | <1列に表示される商品数> ・スマホ:3商品 ・PC:4商品 |
| 固定表示(SP:3列-PC:5列) | ffs_fixed_3_5 | <1列に表示される商品数> ・スマホ:3商品 ・PC:5商品 |
ランキング順位番号付き
固定表示形式で、レコメンド商品を順位番号付きで表示します。
主に「ランキング」タイプのレコメンドを表示する際の利用を想定していますが、その他のタイプのレコメンドでもご利用いただけます。
おすすめの順位を明示したい際などにも、ご活用いただけます。
| 表示枠一覧/作成での表記 | テンプレート一覧/作成での表記 | 説明 |
|---|---|---|
| [ランキング]固定表示(SP:2列-PC:4列) | fs_ranking_fixed_2_4 | <1列に表示される商品数> ・スマホ:2商品 ・PC:4商品 |
| [ランキング]固定表示(SP:2列-PC:5列) | fs_ranking_fixed_2_5 | <1列に表示される商品数> ・スマホ:2商品 ・PC:5商品 |
| [ランキング]固定表示(SP:3列-PC:4列) | fs_ranking_fixed_3_4 | <1列に表示される商品数> ・スマホ:3商品 ・PC:4商品 |
| [ランキング]固定表示(SP:3列-PC:5列) | fs_ranking_fixed_3_5 | <1列に表示される商品数> ・スマホ:3商品 ・PC:5商品 |
スライダー表示テンプレート
レコメンド商品を、スライダー表示で一列に並べて表示します。
| 表示枠一覧/作成での表記 | テンプレート一覧/作成での表記 | 説明 |
|---|---|---|
| スライダー表示(SP:2列-PC:4列) | fs_slide_2_4 | <画面表示時に表示される商品数> ・スマホ:2商品 ・PC:4商品 |
| スライダー表示(SP:2列-PC:5列) | fs_slide_2_5 | <画面表示時に表示される商品数> ・スマホ:2商品 ・PC:5商品 |
| スライダー表示(SP:3列-PC:4列) | fs_slide_3_4 | <画面表示時に表示される商品数> ・スマホ:3商品 ・PC:4商品 |
| スライダー表示(SP:3列-PC:5列) | fs_slide_3_5 | <画面表示時に表示される商品数> ・スマホ:3商品 ・PC:5商品 |
ランキング順位番号付き
スライダー表示形式で、レコメンド商品を順位番号付きで表示します。
主に「ランキング」タイプのレコメンドを表示する際の利用を想定していますが、その他のタイプのレコメンドでもご利用いただけます。
おすすめの順位を明示したい際などにも、ご活用いただけます。
| 表示枠一覧/作成での表記 | テンプレート一覧/作成での表記 | 説明 |
|---|---|---|
| [ランキング]スライダー表示(SP:2列-PC:4列) | fs_ranking_slide_2_4 | <画面表示時に表示される商品数> ・スマホ:2商品 ・PC:4商品 |
| [ランキング]スライダー表示(SP:2列-PC:5列) | fs_ranking_slide_2_5 | <画面表示時に表示される商品数> ・スマホ:2商品 ・PC:5商品 |
| [ランキング]スライダー表示(SP:3列-PC:4列) | fs_ranking_slide_3_4 | <画面表示時に表示される商品数> ・スマホ:3商品 ・PC:4商品 |
| [ランキング]スライダー表示(SP:3列-PC:5列) | fs_ranking_slide_3_5 | <画面表示時に表示される商品数> ・スマホ:3商品 ・PC:5商品 |
【参考】スマホとPCに表示される画像商品数と画像幅について
基本的に、ブラウザの表示幅に応じて商品数の表示は可変となりますが、以下を目安とお考え下さい。
- SP幅(スマホ)
- ブラウザ幅が600px未満:SP2列・SP3列
- PC幅
- ブラウザ幅が768px以上の領域:PC4列
- ブラウザ幅が960px以上:PC4列・PC5列
レコメンド表示枠ごとの表示見出し
各レコメンド種類により表示枠の見出しがあらかじめ設定されています。
見出しの変更は可能です。レコメンド表示枠のカスタマイズについてをご覧ください。
| 表示内容 | 表示枠の「見出し」 |
|---|---|
| 閲覧(PV)商品ベース(AI) | 他のお客様はこちらの商品も見ています |
| 購入(CV)商品ベース(AI) | 他のお客様はこちらの商品も購入しています |
| テキストレコメンド(AI) | 関連する商品 |
| CV予測レコメンド(AI) | あなたにおすすめの商品 |
| 画像レコメンド(AI) | 似ている商品 |
| パーソナライズドレコメンド(AI) | あなたにおすすめの商品 |
| 在庫わずかな商品 | 在庫残りわずかの人気商品 |
| 値下げされた商品 | 値下げ中の商品 |
| 再入荷商品 | 再入荷された商品 |
| ランキング | ランキング |
| 閲覧履歴 | 最近閲覧した商品 |
| 新着商品 | 新着商品 |
| ピックアップ商品 | ピックアップ商品 |
【補足】ランキング順位番号付きのテンプレート利用時の見出しについて
ランキング順位番号付きのテンプレートを利用した場合でも、レコメンド種類に準拠した見出しが表示されます(見出しは「ランキング」にはなりません)。
表示イメージ
固定表示テンプレート

<ランキング順位番号付きの場合>

スライダー表示テンプレート

<ランキング順位番号付きの場合>

レコメンド表示枠のカスタマイズについて
レコメンド表示枠はカスタマイズが可能です。
詳しくは、レコメンド表示枠のカスタマイズについてをご覧ください。
<ご注意事項>
バリエーション価格設定をご利用で、最大価格を表示したい場合は、CSSのカスタマイズが必要です。
詳しくは、バリエーション価格ご利用時の最大価格の表示についてをご覧ください。
プレビューについて
プレビューについては以下の通りとなります。
ご利用料金の加算について
future AI Recommend Plus設定ー利用設定をONにしている場合は、「デザイン確認モード」「動作確認モード」いずれでもプレビュー可能です。
利用設定をOFFにしている場合は、「デザイン確認モード」のみでプレビュー可能です。
ご利用料金の加算について
基本的に、プレビューでの表示は課金対象とはなりません。
ただしfuture AI Recommend Plus設定ー利用設定をONにしている場合は、「商品詳細」画面でのPVやCVなどの行動履歴データが取得されていますので、その分の課金自体は発生します。
あらかじめご留意ください。
行動履歴の連携について
- 「デザイン確認モード」「動作確認モード」いずれにおいても、閲覧した該当の画面のデータは連携されません。
レコメンド表示枠内の行動について
- 「デザイン確認モード」「動作確認モード」いずれにおいても、プレビュー上で閲覧や購入をしても、その行動履歴はAIに蓄積されません。
表示回数のカウントについて
- 「デザイン確認モード」「動作確認モード」いずれにおいても、利用料金算出の基となる「表示回数」としてカウントされません。
レコメンド表示について
- 「デザイン確認モード」では、AIによる判定はされず、設定(AIレコメンド管理画面)に準拠した商品が表示されます。
例えば、ルールベースの「新着商品」や「ランキング」などの商品が、仮表示として静的に表示されます。- 非公開商品や非公開の商品グループも表示されますので、ご注意ください。
- 非公開商品や非公開の商品グループも表示されますので、ご注意ください。
- 「動作確認モード」では、future AI Recommend Plusの機能が本番環境と同様に動作します。
具体的には、連携されている商品データやAIのロジックに基づいてレコメンドが表示されます
その他のご注意事項
- 「注文完了/お申し込み完了」画面では、「デザイン確認モード」「動作確認モード」いずれにおいてもレコメンド表示がされません。
- レコメンド2をご利用時に、future AI Recommend Plus設定中(オプション契約済み)の場合は、レコメンド2側は、デザイン確認モード、動作確認モードいずれでもプレビューできません。