導入手順

JavaScriptタグ設置による導入手順を説明します。

基本タグ設置（必須）

情報収集タグ・表示タグを動作させるために設置必須のタグです。
HTMLのheadタグ内に設置してください。

情報収集タグ・表示タグがあるページのみに設置いただくことが望ましいですが、ご利用のカートシステムで、headタグが全ページ共通パーツとなっている場合は、共通パーツに設置いただいても問題はありません。

基本タグ

<script type="text/javascript" src="//d.rcmd.jp/●●●/item/recommend.js" charset="UTF-8">
</script>

※「●●●」は、アカウント発行時にお知らせするアカウントIDに置き換えてください。

アイテム情報収集タグ設置（必須）

レコメンドデータ生成やレコメンド表示に必要な商品情報を収集します。
商品詳細ページのbodyタグ内に設置してください。

＜ご注意＞
アイテム情報収集タグは、ページにタグを入れただけでは動作しません。タグが入ったページにアクセスがあると、アイテム情報がレコメンド側に送信されます。
ご利用開始時は、すべてのアイテム情報をCSVアップロード機能により登録をしていただくことをおすすめしています。
CSVアップロードによるアイテム情報登録方法はこちらをご覧ください。

アイテム情報収集タグ

<script type="text/javascript">
try{
_rcmdjp._setItemData({
code: 'アイテムコードを挿入', //必須
url: 'URLを挿入', //必須
name: 'アイテム名を挿入',//必須
image: '画像URLを挿入',
price:'価格を挿入',
category: 'カテゴリ情報を挿入',
category_●: '複数カテゴリを取得する場合',
任意のパラメータ名: 'カテゴリ別レコメンド表示を行う場合にカテゴリ情報を挿入',
release_date : 'リリース日を挿入　※下記挿入パラメータについてを参照',
display_start: '表示開始日時を挿入　※下記挿入パラメータについてを参照',
display_end: '表示終了日時を挿入　※下記挿入パラメータについてを参照',
stock: '在庫数を挿入'
});
} catch(err) {}
</script>

必須項目などのタグ詳細は、アイテム情報収集タグマニュアルをご覧ください。

行動履歴収集タグ設置（必須）

レコメンド、ランキングデータなどを生成するための行動履歴を収集します。
商品詳細ページのbodyタグ内に設置してください。

＜ご注意＞
障害が発生した際にページ自体の読み込みが停止する恐れがありますので、headタグ内の設置はお控えください。

行動履歴収集タグ

<script type="text/javascript">
try{
_rcmdjp._displayRecommend({
code: 'アイテムコードを挿入',
type: 'pv',
template: 'tracking'
});
} catch(err) {}
</script>

タグ詳細は、レコメンド表示タグマニュアルをご覧ください。

CV情報収集タグ設置（推奨）

購入情報（アイテムコードと購入数量）を収集します。
購入完了ページのbodyタグ内に設置してください。

CVレコメンド・CVランキング・CV予測レコメンドをご利用の際は、設置必須です。

上記機能をご利用ではない場合も、レコメンド管理画面でレコメンド経由CV数やレコメンド経由CV額を確認できますので、設置することをおすすめします。

CV収集タグ

<script type="text/javascript">
try{
_rcmdjp._trackConversion({
'アイテムコード1': 購入個数,
'アイテムコード2': 購入個数
})
} catch(err) {}
</script>

タグ詳細は、CV収集タグマニュアルをご覧ください。

表示タグ設置

表示機能は全10種類ありますが、ここではページごとのおすすめ機能のタグ設置方法を紹介します。
全表示タグの詳細につきましては、タグマニュアル「表示タグ」の項をご覧ください。

表示タグは、HTMLのbodyタグ内で表示を行う場所にタグを記述します。

＜ご注意＞
障害が発生した際にページ自体の読み込みが停止する恐れがありますので、headタグ内の設置はお控えください。

トップページにおすすめ

パーソナライズレコメンド

再訪問ユーザに向けて、前回訪問時に閲覧した商品と関連が高い商品を提示し、ユーザの信頼を得ます。

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

新着商品

新着商品で常に新鮮な情報をユーザに提供し、直帰を防ぎます。
カテゴリ別に新着商品を表示することも可能です。

<script type="text/javascript">
try{
_rcmdjp._displayNewItem({
span: '1month',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

ランキング

サイト内の人気商品を掲示することで、ユーザーの興味・関心を引いて直帰を防ぎます。

<script type="text/javascript">
try{
_rcmdjp._displayRanking({
type: 'pv',
span: 'month',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

ピックアップ

「スタッフいち押し」など全ユーザーに推奨したい商品がある場合に使用します。

<script type="text/javascript">
try{
_rcmdjp._displayPickup({
label: 'ピックアップ名を挿入',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

※「ピックアップ名」は、レコメンド管理画面で設定したピックアップ名を入れてください。
ピックアップ設定方法はこちらをご覧ください。

商品一覧におすすめ

カテゴリ別ランキング

商品カテゴリごとの人気ランキングを表示し、1クリックでも早く商品詳細ページへ到達するためのナビゲーションとして活用いただけます。

<script type="text/javascript">
try{
_rcmdjp._displayRanking({
type: 'pv',
span: 'month',
category: 'アイテム情報収集タグで設定したcategory名を挿入',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</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>

閲覧履歴

閲覧した商品をもう一度見たい場合のナビゲーションになり、商品詳細ページへ到達できないストレスによる離脱を防ぎます。

<script type="text/javascript">
try{
_rcmdjp._displayHistory({
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

商品詳細ページにおすすめ

PVレコメンド

閲覧中商品とよく一緒に見られている商品を提示し、新たな商品への気づきと更なるサイト内回遊を促進します。

<script type="text/javascript">
try{
_rcmdjp._displayRecommend({
code: アイテムコードを挿入',
type: 'pv',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

※PVレコメンド表示タグは、行動履歴収集機能が含まれています。
同一ページ内に複数表示タグを設置しても、課金対象PV「1」としてカウントしますのでご安心ください。

CV予測レコメンド

より直接的に購入に繋げたい場合におすすめの機能です。

<script type="text/javascript">
try{
_rcmdjp._displayRecommend({
code: アイテムコードを挿入',
type: 'pv_cv',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

カートページまたは購入完了ページにおすすめ

カート内レコメンド

併せ買いを促進し、客単価アップを狙います。
カートページに設置する場合は、カートに入れた商品のうち3アイテムと関連が高い商品を。購入完了ページに設置する場合は、購入商品のうち3アイテムと関連が高い商品をおすすめ表示します。

<script type="text/javascript">
try{
_rcmdjp._displayRecommend({
code: ['アイテムコード1','アイテムコード2'],
type: 'cv',
template: 'テンプレート名を挿入'
});
} catch(err) {}
</script>

タグの動作確認

各種JavaScriptタグが正しく動作している場合は、ブラウザの開発コンソールよりタグに応じたJavaScriptファイルやgifファイルの読み込みが確認できます。

タグの動作確認方法よりタグ動作確認後、翌日にレコメンド管理画面にて表示回数やクリック数がレポートに反映されているかご確認ください。