6-1「表示用HTMLタグ」を「フリーパーツ」に貼り付けます。

1. コマースクリエイター＞パーツから［パーツを追加する］を押下します。



2. 表示されたモーダルから「フリーパーツ」を選択します。



3. 「フリーパーツ追加」画面が表示されます。
   それぞれ以下を登録し、［保存する］を押下します。
   
   ・パーツ名：AIレコメンドを利用した「表示枠」用であることが分かりやすい名称にします。（例：r_action_f_shoes（AIレコメンド））
   ・置換文字：任意の置換文字を入力
   ・表示内容：手順5でfuture AI Recommend管理画面から取得した「表示用HTMLタグ」をそのまま貼り付けます。



4. 以上で「フリーパーツ」の準備が整いました。

6-2表示したい画面にレイアウト配置する

例として、PCの「商品詳細」画面に表示するための操作をします。

デバイスごとにテーマを分けている場合は、それぞれのテーマで同じ操作をしてください。

1. コマースクリエイター＞テーマから表示したい「テーマ」の「レイアウト」を選択します。



2. 表示したい「商品詳細」のレイアウトのを押下します。



3. 「商品詳細」レイアウトの左側の「パーツ配置エリア」にて、メインエリア＞コンテンツエリアとレイアウトを開きます。



4. 右側の「パーツ検索エリア」にて、先ほどフリーパーツで作成した「例：r_action_f_shoes（AIレコメンド）」を検索して表示します。



5. 「パーツ配置エリア」の表示したい位置に、「例：r_action_f_shoes（AIレコメンド）」パーツをドラッグ&ドロップします。



6. プレビュー確認が行えますので、［保存する］は押下しないでください。

【方法1】futureshop管理画面で除外用商品の「グループ」を作成し、future AI Recommend管理画面で「フィルタ」設定する

除外用商品用の「グループ（メイン・サブ）」を作成し、該当商品をグループ内に登録します。
そのうえで、除外グループをfuture AI Recommend管理画面の全ての「フィルタ」に登録します。

グループごと管理できるので、「除外商品が多い場合」「future AI Recommend管理画面でのフィルタの数が多い場合」はこちらがおすすめです。

CSVでの商品のメイングループ一括登録・商品のサブグループ一括登録も可能です。

＜操作手順＞

1. futureshop管理画面にて、「闇市グループ」「VIP用商品グループ」「レコメンド除外商品グループ」などを作成します。
   メイングループ・サブグループいずれでも構いませんので、運用に併せて作成します。



2. 表示したくない商品に、作成した除外用グループを設定します。



3. future AI Recommend管理画面のフィルタ追加にて、「除外する商品グループ」に「商品グループURLコード」を設定します。
   フィルタを複数作成する際には、全てのフィルタにて同様の操作を行ってください。



4. future AI Recommend管理画面の表示枠追加にて、適用したいフィルタを設定します。



5. 以上で、除外用グループに登録された商品は、フィルタを設定した「表示枠」内に表示されません。

【方法2】該当商品の「商品URLコード」を、future AI Recommend管理画面の全ての「フィルタ」に登録する

futureshop管理画面では操作を行わない方法です。

除外商品がそれほど多くない場合には、商品を個別に除外設定する方法が手軽です。
また既存商品（連携済み商品）の除外を即時反映させたい場合は、こちらの方法で操作してください。

＜操作手順＞

1. future AI Recommend管理画面のフィルタ追加にて、「除外する商品」に「商品URLコード」を設定します。
   フィルタを複数作成する際には、全てのフィルタにて同様の手順を行ってください。



2. future AI Recommend管理画面の表示枠追加にて、適用したいフィルタを設定します。



3. 以上で、フィルタを設定した「表示枠」内に該当商品は表示されません。

【方法1】「レイアウト割り当て」機能を利用する

表示したくない「商品詳細」画面が多い場合に、レイアウトだけで管理できるので便利です。
既に「レイアウト割り当て」機能を適用している「商品詳細」画面が、それほど多くない場合におすすめです。

CSVでの「レイアウト割当名」一括登録も可能です。

＜操作手順＞

1. futureshop管理画面にて、表示したくない「商品詳細」画面用のレイアウトを用意し、該当商品に割り当てします。
   手順については、割当名を設定する-「レイアウト割当」機能で、ブランドやカテゴリごとに、表示デザインや表示内容を変える（商品詳細・商品グループ・フリーページ用レイアウト）をご覧ください。





2. 「AIレコメンド非表示用」のレイアウトにのみ、基本のはじめかた-［手順6］futureshop管理画面で「フリーパーツ」を利用して表示設定以降を行わないことで、該当の「商品詳細」画面には「表示枠」を表示しないことができます。

【方法2】「商品タグ」と「レイアウトパーツ-表示条件」を利用する

「表示枠」を表示したい商品にだけ「商品タグ」を指定するので、商品単位で手軽に操作できます。
既に「レイアウト割り当て」機能を適用している「商品詳細」画面が多い場合は、【方法1】では管理が煩雑になるので、こちらの方法がおすすめです。

CSVでの一括「商品タグ登録」も可能です。

＜操作手順＞

1. futureshop管理画面にて、「商品詳細」画面に「表示枠」を表示したい商品に、「商品タグ」を設定します。



2. コマースクリエイター＞テーマ＞レイアウト変更にて、「商品タグ」を表示条件指定できるエリアまでレイアウトを開きます。
   基本のはじめかた-［手順6-2］表示したい画面にレイアウト配置するとは異なり、メインエリア＞コンテンツエリア＞商品詳細エリアまで開きます。



3. ［レイアウトパーツを追加する］を押下し、表示されたモーダルにて「表示枠」を制御する「レイアウトパーツ」だとわかりやすい名称（例：AIレコメンド表示制御用）をつけ、登録します。





4. 「例：AIレコメンド表示制御用」レイアウトパーツ内に、「表示用HTMLタグ」を設定したフリーパーツを配置します。
   ※「表示用HTMLタグ」を設定したフリーパーツの作成方法が不明な場合は、 基本のはじめかた-［手順6］futureshop管理画面で「フリーパーツ」を利用して表示設定をご覧ください。



5. 一つ上のレイアウトへ戻り、「例：AIレコメンド表示制御用」レイアウトパーツの操作メニューから［表示条件を設定する］を押下します。
   表示されたモーダルにて、「商品タグ」のチェックをONにし、先ほど商品に登録した「商品タグ」を入力します。
   完了したら［OK］を押下し、モーダルを閉じます。





6. プレビューにて、「商品タグ」が登録された商品には「表示枠」が表示されていること、「商品タグ」が登録されていない商品には「表示枠」が表示されていないことを確認し、問題なければ、「レイアウト変更」画面の［保存する］を押下します。

既存の「フィルタ」の設定を変更する場合

future AI Recommend管理画面-フィルタ一覧より「変更」を押下します。
「フィルタ」設定変更モーダルが開きます。モーダルにて各種設定を変更可能です。

変更操作を行い、最後にモーダル上の［保存］を押下します。

既存の「表示枠」の設定を変更する場合

future AI Recommend管理画面-表示枠一覧より「変更」を押下します。
「表示枠」設定変更モーダルが開きます。モーダルにて各種設定を変更可能です。

変更操作を行い、最後にモーダル上の［保存］を押下します。