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

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

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

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

＜目次＞

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

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

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

上記のようなページ上に掲載した商品したレコメンド対象としたい（他のページにレコメンド商品として掲載したい）、PVやCVをカウントしたいなどの場合は、設定手順をご覧ください。

設定手順

基本タグを設定する

<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>

ページ情報収集タグを設定する

記述する場所

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

</head>または</body>の直前に記述

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

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

記述するタグ

＜商品情報（詳細）ページ以外の場合＞

<script>
　_fs_rcmd._load_recommend({
　  pageKind: 'other'
　});
</script>

＜商品情報（詳細）ページの場合＞

<script>
　_fs_rcmd._load_recommend({
　  pageKind: 'product',
　  productUrlList: ['xxxxxx'], //「商品URLコード」を入力
　});
</script>

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

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

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