ご利用マニュアル

【カラーミーショップ】さぶみっと!レコメンドご利用方法

このページは、2021年7月13日以降にカラーミーショップアプリストアより申し込まれた方向けのご利用方法です。

概要
カラーミーショップご利用者様向け「さぶみっと!レコメンド」のはじめ方を説明します。
特別なタグ設置が不要で、カラーミーショップでのアプリ追加とレコメンド管理画面の操作のみで表示設定が完了します。
※カラーミーショップをご利用ではないお客さまは、「さぶみっと!レコメンド」管理画面より閲覧可能なマニュアルをご覧ください。
 
以下1~4は、必ずご対応ください。 

1. アプリ追加

カラーミーショップアプリストア「さぶみっと!レコメンド」のアプリ詳細ページよりアプリ追加を行います。
アプリ追加方法につきましては、カラーミーショップ ヘルプセンター「アプリストアとは」をご覧ください。

2. アカウント発行

アプリ追加から3営業日以内にアカウント発行します。

アカウント発行連絡は、カラーミーショップ管理者メールアドレス宛てに行い、レコメンド管理画面URLとログイン情報が送られます。

万が一、3日以上経っても連絡がない場合は、迷惑メールをご確認いただくか、「さぶみっと!レコメンド」サポート宛て(recommend_support@dragon.jp)にご連絡ください。

なお、アカウント発行は、平日10時~17時の間に行います。

3. 管理画面ログイン

アカウント発行メールが届いたら、さっそくレコメンド管理画面にログインしてみましょう。

※ログイン情報は、1店舗様につき1つです。

※パスワードを変更される場合は、「さぶみっと!レコメンド」サポート宛て(recommend_support@dragon.jp)にご連絡ください。サポートチームにてパスワード再発行を行います。

4. テンプレート表示設定

表示設定可能なページは、以下3つのページです。
初期設定では、すべての表示が「非表示」状態となっています。

  • トップページ
  • 商品一覧
  • 商品詳細

レコメンド管理画面「表示設定 > カラーミーショップ表示設定」より、各ページの表示設定を行いましょう。
※この設定は、保存するとWebサイトに即時反映されます。
※アカウント発行当日は、表示設定を行っても何も表示されません。標示確認は、翌日までお待ちください。

4-1. 表示・非表示を変更する

初期設定では、Webページ内のフッター(※)上部に表示されます。
表示位置をカスタマイズする場合は、「表示位置をカスタマイズする」の項をご覧ください。
  1. 表示変更を行うページ「トップページ/商品一覧/商品詳細」いずれかのテキストリンクをクリック
  2. 「変更」ボタンをクリックし、編集画面を表示します
  3. 状態欄の表示・非表示どちらかを選択し、「保存」ボタンをクリック

※フッターとは、Webページ最下部にあるナビゲーションやコピーライト表示領域です。
HTML内で「id="footer"」という記述があるHTMLタグの上部に表示されます。

※万が一、HTML内に「id="footer"」というid名記述がない場合は、レコメンドが表示されません。
その場合は、HTML内に「id="footer"」の記述を追加いただくか、「表示位置:カスタマイズ」をご利用ください。

4-2. 表示順を変更する

  1. 表示変更を行うページ「トップページ/商品一覧/商品詳細」いずれかのテキストリンクをクリック
  2. 「変更」ボタンをクリックし、編集画面を表示します
  3. 表示タグ名の前にあるアイコンをクリックしたまま、ドラッグ&ドロップで表示順を変更し、「保存」ボタンを押します

 

HubSpot Video

 

4-3. 表示位置をカスタマイズする

  1. 表示変更を行うページ「トップページ/商品一覧/商品詳細」いずれかのテキストリンクをクリック
  2. 「変更」ボタンをクリックし、編集画面を表示します
  3. 表示タグ名の前にあるアイコンをクリックしたまま、「表示位置:カスタマイズ」の下までドラッグ&ドロップします

HTML内にすでにあるid名の中に、ブロック表示する

例)すでにHTML内にある<div id="recommend-area">~</div>内にレコメンドを表示する場合

上記3までの対応完了後、表示位置に任意のid名(recommend-area)を入力し、「保存」ボタンを押します。

レコメンドデータが生成されているか、補填機能が有効になれば、HTML内の「id="recommend-area"」記述の中にレコメンド表示できることが確認できます。

レコメンド表示用に、新たにidを追加する

例)レコメンド表示用にHTMLに<div id="recommend-area-2">~</div>を追加する場合
  1. 上記3までの対応完了後、表示位置に任意のid名(recommend-area-2)を入力し、「保存」ボタンを押す
  2. 表示タグに表示されているHTMLタグをコピー
  3. カラーミーショップのテンプレート編集画面にアクセスし、表示したい任意の場所にコピーしたHTMLを貼り付け
HubSpot Video

 

4-4. デザインを調整する

  1. 表示変更を行うページ「トップページ/商品一覧/商品詳細」いずれかのテキストリンクをクリック
  2. 表示タグ名のテキストリンクをクリックし、テンプレート編集画面を表示
  3. HTMLとCSSを変更し、「保存して作成」ボタンをクリック

※#{name} などは、「さぶみっと!レコメンド」の独自タグです。デザイン調整時に誤って削除しないようご注意ください。非表示にしたい独自タグは、削除いただいて構いません。

※タグの説明は、テンプレート編集画面の「テンプレートマニュアル」をご覧ください。

※HTML、CSSの記述方法は、サポート対象外となります。

表示確認

アカウント発行日の翌日朝よりアイテム収集が開始されます。

アイテム収集が行われると、レコメンドデータが生成されていなくても、補填機能で何かしらの商品が表示されるようになります。

アイテム収集とレコメンドデータ生成は、通常以下の時間に行われます。

  • アイテム収集:朝5時頃
  • レコメンドデータ生成:夜中の1時頃

数日経っても表示確認ができない場合は、

表示タグの状態が「表示」になっているか

表示設定で指定しているid名がHTML内に記述があるか

ご確認ください。それでも表示されない場合は、「さぶみっと!レコメンド」サポート宛て(recommend_support@dragon.jp)にご連絡ください。

ダッシュボード確認

ダッシュボードで確認できる数字は、レコメンドタグが自動挿入されている、以下3種のページの数値です。

  • トップページ
  • 商品一覧
  • 商品詳細

導入後は、ダッシュボードでクリック率を確認しながら表示機能やデザイン調整をするなど、定期的にレコメンド管理画面のレポートをチェックするようにしましょう。

さぶみっと!レコメンドに関するお問い合わせ

ご不明点などございましたら、お気軽に「さぶみっと!レコメンド」サポート宛て(recommend_support@dragon.jp)にご連絡ください。

サポート受付時間
平日 10時~17時(土日祝日除く)

関連するマニュアル

【カラーミーショップ】さぶみっと!レコメンド 各表示機能の仕組み

カラーミーショップご利用者様向け さぶみっと!レコメンドの表示機能の仕組みについてご案内...

【カラーミーショップ】【Tips】商品名にHTMLタグが含まれる場合の対応方法

カラーミーショップご利用者様向け さぶみっと!レコメンドの商品名にHTMLタグが含まれる...

【カラーミーショップ】【Tips】価格表示を税込み価格に変更する方法

カラーミーショップご利用者様向け さぶみっと!レコメンドの価格表示を税込み価格に変更する...

【カラーミーショップ】【Tips】価格表示に単位をつける方法

カラーミーショップご利用者様向け さぶみっと!レコメンドの価格表示に単位をつける方法につ...

関連するよくあるご質問

どのように閲覧履歴を表示していますか?

さぶみっと!レコメンドのよくあるご質問

ログが溜まるまでは何も表示されませんか?

さぶみっと!レコメンドのよくあるご質問
TOPへ