Cafe24で「さぶみっと！レコメンド」をご利用いただく方法をご案内します。
※弊社で検証は行っておりますが、実装の際はお客様でも十分に検証してください。
お試しいただいている中で不具合があった場合、弊社では責任を負いかねますので、予めご了承ください。
※マニュアル中に記載している「〇行目」は、カスタマイズ無しの上記バージョンでの表示となります。カスタマイズをされている場合、位置が異なる可能性がございますので、あくまで目安としてご確認ください。
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._setItemData({
code: '{$product_no}',
url: '//サイトドメイン/product/detail.html?product_no={$product_no}',
name: '{$name}',
image: '{$medium_img}',
price: '{$product_price}',
display_start: '{$show_start_date}',
display_end: '{$show_end_date}'
});
} catch(err) {}
</script>
|
パラメーター |
cafe24で用意されている変数 |
備考 |
|
code |
product_no |
商品番号を収集します。 |
|
url |
//サイトドメイン/product/detail.html?product_no={$product_no} |
リンク先URLを収集します 記述例）//test.shop.com/product/detail.html?product_no={$product_no} |
|
name |
name |
商品名を収集します。 |
|
image |
medium_img |
商品画像を収集します。 |
|
price |
product_price |
お客様が設定した「販売価格」を収集します。 |
表示タグを設置する前に、レコメンドの表示デザイン（テンプレート）を作成します。
テンプレートの作成手順 >> テンプレート一覧／作成
表示タグに「テンプレート名を指定してください」と記載がある箇所に、作成したテンプレート名を挿入してください。
|
タグ名 |
表示機能説明 | 設置できるページ |
| PVレコメンド （※設置必須タグ） |
ユーザーが閲覧している商品に紐づく、おすすめ商品を表示します。 | 商品詳細ページ |
| パーソナライズPVレコメンド |
ユーザが閲覧・購入した直近の3件の商品を元に、ユーザごとにおすすめアイテムを表示します。 |
トップページ
商品一覧ページ マイページ |
| PVランキング |
PV数が多い順にランキングを表示します。 |
トップページ 商品一覧ページ 商品詳細ページ マイページ |
| 管理画面にておすすめしたい商品を自由に選択、表示いただけます。 | ||
| 基本的には、ブラウザのCookieに保持されたデータから閲覧履歴を表示するため、ブラウザが変わると閲覧履歴の情報は引き継げません。 | ||
| 管理画面に登録された順を起点とし新着商品を表示します。 |
「閲覧している商品に紐づく、おすすめ商品」または、「閲覧している商品とよく一緒に買われている商品」を表示します。
レコメンドは、商品（アイテム）情報が収集された翌日から表示できます。
※本タグは設置必須のタグとなります。
設置がないとレポートやほか表示機能に影響がございますので必ず設置をお願いします
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._displayRecommend({
type: 'pv',
code: '{$product_no}',
template: 'テンプレート名を挿入してください'
});
} catch(err) {}
</script>
ユーザが閲覧・購入した直近の3件の商品を元に、ユーザごとにおすすめアイテムを表示します。
基本的には、ブラウザのCookieに保持されたデータから表示するため、ブラウザが変わると内容も変更します。
なお、初回訪問ユーザやCookieを削除したユーザには、補填としてマンスリーPVランキングを表示します。
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
if (_rcmdjp._target._viewed().length) {
_rcmdjp._displayRecommend({
type: 'pv',
code: _rcmdjp._target._viewed,
template: 'テンプレート名を挿入してください'
});
} else {
_rcmdjp._displayRanking({
type: 'pv',
span: 'month',
template: 'テンプレート名を挿入してください'
});
}
} catch(err) {}
</script>
PV数が多い順にランキングを表示します。
ランキングは、トラッキング情報が取得された翌日から表示できます。
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._displayRanking({
type: 'pv',
span: '期間を指定してください',
template: 'テンプレート名を挿入してください'
});
} catch(err) {}
</script>
| 変数 | 内容 |
| day | デイリーランキングの表示が可能です。 昨日のPV数が多い順、またはCV数が多い順で表示されます。 |
| week | ウィークリーランキングの表示が可能です。 集計期間は【前日～7日前】となります。 |
| month | マンスリーランキングの表示が可能です。 集計期間は【前日～30日前】となります。 |
管理画面にておすすめしたい商品を自由に選択、表示いただけます。
ピックアップ作成方法 >> ピックアップ設定
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._displayPickup({
label: 'ピックアップ名を指定してください',
template: 'テンプレート名を挿入してください'
});
} catch(err) {}
</script>
基本的には、ブラウザのCookieに保持されたデータから閲覧履歴を表示するため、ブラウザが変わると閲覧履歴の情報は引き継げません。
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._displayHistory({
code: '{$product_no}',
template: 'テンプレート名を挿入してください'
});
} catch(err) {}
</script>
管理画面に登録された順を起点とし新着商品を表示します。
<script type="text/javascript" src="//d.rcmd.jp/アカウントID/item/recommend.js" charset="UTF-8"></script>
<script type="text/javascript">
try{
_rcmdjp._displayNewItem({
span: '新着とする期間を選択してください',
template: 'テンプレート名を挿入してください'
});
} catch(err) {}
</script>
| spanの値 | 内容 |
| 1week | 当日を含む、1週間を新着商品とします |
| 2week | 当日を含む、2週間を新着商品とします |
| 1month | 当日を含む、1ヶ月を新着アイテムとします |
| 無期限 |
期限はありません。 |