［AI Recommend Plus］自動生成ページ以外にレコメンドを表示する方法

本機能はコマースクリエイター未利用・移行中（切替前）の店舗様はご利用いただけません。

レコメンド機能として、「future AI Recommend」「futureRecommend2」をご利用の店舗様はこちらをご覧ください。

コマースクリエイターで生成したページ以外の、静的HTMLファイルやCMSを利用したページにも各種レコメンドを表示することができます。
コマースクリエイターで自動生成ページとは別管理のため、ご自身で基本設定タグを記述する必要があります。

＜目次＞

対象とするページについて

CMSを利用して作成したページ
コマースクリエイター＞アイテムにHTMLファイルをアップロードした静的なページ

設定手順

基本タグを設定する

<head></head>タグ内に下記の2つのjsを記述します。

{店舗KEY}部分は必ず変更してください。

<script type="text/javascript" src="//r4.future-shop.net/fs_r4.{店舗KEY}/pc/recommend.js" charset="UTF-8"></script>
<script type="text/javascript" src="//r4.future-shop.net/fs_r4.{店舗KEY}/pc/recommend_plus.js" charset="UTF-8"></script>

表示したいページに「表示枠用HTMLタグ」<div>タグを設定する

表示したいページの表示したい場所に、future AI Recommend Plus管理画面　レコメンド表示枠一覧／作成から取得した「表示枠用HTMLタグ」<div>タグを設置します。

独自の「商品情報（詳細）ページ」を作成している場合のご注意点

futureshopシステムより自動生成される「商品詳細」画面以外に、
以下のような方法にてオリジナルな「商品情報（詳細）ページ」や「商品キャンペーンページ」などを作成している場合を指します。

CMSを利用したページ
フリーページ機能で作成したページ

上記のようなページ上の商品をレコメンド対象としたい（他のページにレコメンド商品として掲載したい）、PVやCVをカウントしたいなどの場合は、
設定手順に加え、オリジナルページ内へのアイテム（商品）データの追記が必要になります。

記述する場所

CMSを利用したページの場合

<body></body>タグ内に出力される、CMSシステムの入力欄

コマースクリエイター＞フリーページで作成したページの場合

フリーページ追加・変更画面の「ページ本文」欄

記述するタグ

<script>
　_fs_rcmd._load_recommend({
　  pageKind: 'product',
　  productUrlList: ['xxxxxx'],
　});
</script>

xxxxxx部分には、「商品URLコード」を入力してください。
1ページで設置できる商品情報収集タグは1商品分のみとなります。