商品情報
ソーシャルプルーフは、「今何人がこの商品を見ている」「過去24時間で何人が購入した」などのリアルタイム情報を商品ページに表示することで、お客様の購買意欲を高めるプラグインです。
1. リアルタイムデータの表示で購買意欲を刺激
現在の閲覧者数と最近の購入者数をリアルタイムで表示することで、「人気がある」「信頼できる」という印象を与え、購入の後押しをします。
2. 10種類のデザインテンプレートで見た目もカスタマイズ
様々なデザインテンプレートを用意しているので、サイトのイメージに合わせた見た目を選ぶことができます。どのデザインも視認性が高く、顧客の目を引きます。
3. 柔軟なカスタマイズ設定
表示するテキストや期間、最小表示人数など、様々な要素を自由にカスタマイズできます。サイトの特性や商品の性質に合わせた設定が可能です。
4. マルチデバイス対応
PC、タブレット、スマートフォンなど、どのデバイスでも最適な表示を行います。特に購入率の高いスマートフォンでの表示は特に重視しています。
5. パフォーマンスへの影響を最小限に
軽量なコードと最適化されたクエリにより、サイト全体のパフォーマンスへの影響を最小限に抑えています。ページ読み込み速度の遅延はほとんどありません。
6. すべてのデザインテンプレートに対応
EC-CUBEの標準テンプレートやカスタムテンプレートなど、どのようなデザインテンプレートでも問題なく動作します。CSSセレクタのカスタマイズにより、どのようなレイアウトやデザインにも柔軟に対応可能です。また、10種類のデザインテンプレートから選択できるため、サイトの雰囲気に合わせた最適な表示が可能です。

詳細機能
現在閲覧中の人数表示機能
リアルタイムで商品を閲覧しているユーザー数を表示します。「%count%人が現在この商品を閲覧中」のように表示され、%count%は自動的に実際の閲覧者数に置き換えられます。
主な設定項目:
- 有効/無効: 機能のオン/オフを切り替え
- 閲覧者カウント期間: 過去何分間の閲覧者をカウントするか(デフォルト:15分)
- 最小表示人数: 表示を開始する最小閲覧者数(例:1人以上で表示)
- 表示テキスト: 表示するメッセージのカスタマイズ
最近の購入者数表示機能
設定した期間内(例:過去48時間)にその商品を購入した人数を表示します。「過去%hours%時間で%count%人がこの商品を購入しました」のように表示され、%count%と%hours%は実際の数値に置き換えられます。
主な設定項目:
- 有効/無効: 機能のオン/オフを切り替え
- 購入カウント期間: 過去何時間の購入をカウントするか(デフォルト:48時間)
- 最小表示人数: 表示を開始する最小購入者数(例:1人以上で表示)
- 表示テキスト: 表示するメッセージのカスタマイズ
表示位置設定
CSSセレクタを使用して、ソーシャルプルーフ情報を表示する位置を指定できます。デフォルトでは商品価格の近く(.ec-productRole__price)に表示されますが、任意の位置に変更可能です。
デザインテンプレート詳細

FAQ(よくある質問)
Q: 表示される閲覧者数や購入者数は実際の数値ですか?
A: はい、リアルタイムの実データに基づいて表示されます。表示前に最小表示人数の設定で調整可能です。
Q: 閲覧者数がゼロの場合は表示されませんか?
A: 最小表示人数の設定により、設定値未満の場合は表示されません。例えば最小表示人数を「1」に設定すると、閲覧者がいない場合は何も表示されません。
Q: モバイルでも正しく表示されますか?
A: はい、すべてのデザインテンプレートはレスポンシブ対応しており、PC、タブレット、スマートフォンなど様々なデバイスで最適に表示されます。
Q: サイトのパフォーマンスに影響しませんか?
A: 最適化されたコードと効率的なデータベースクエリにより、サイトのパフォーマンスへの影響は最小限に抑えられています。
Q: 特定の商品だけに表示することはできますか?
A: 現在のバージョンでは全商品に一律の設定が適用されますが、将来のアップデートで商品別設定機能を追加予定です。
Q: 他のプラグインと競合しませんか?
A: ほとんどのプラグインと互換性がありますが、同じく商品ページに情報を追加する他のプラグインとは、表示位置が重複する可能性があります。CSSセレクタの調整で解決できることが多いです。

導入の流れ
- インストール: EC-CUBEの管理画面からプラグインをインストールします。
- 基本設定: プラグイン設定画面で基本的な設定を行います。
- 閲覧者表示機能の設定
- 購入者表示機能の設定
- 表示位置の設定
- デザインテンプレートの選択
- テスト: 実際の商品ページで表示を確認し、必要に応じて設定を調整します。
- 運用開始: テストが完了したら本番環境での運用を開始します。
設定画面の詳細
プラグインの設定は、EC-CUBE管理画面の「プラグイン>プラグイン一覧>ソーシャルプルーフ>設定」から行えます。
表示設定
ソーシャルプルーフの表示位置とデザインに関する設定です。
- CSSセレクタ: 表示する位置を指定するCSSセレクタ(例:.ec-productRole__price)
- デザインテンプレート: 10種類のデザインから選択
訪問者表示設定
現在の閲覧者数表示に関する設定です。
- 訪問者表示を有効にする: この機能を有効/無効にします
- 訪問者表示期間(分): 過去何分間の閲覧者をカウントするか設定(例:15分)
- 最小表示訪問者数: 表示を開始する最小閲覧者数(例:1人)
- 訪問者表示テンプレート: 表示テキストのカスタマイズ(例:「%count%人が現在この商品を閲覧中」)
購入者表示設定
最近の購入者数表示に関する設定です。
- 購入者表示を有効にする: この機能を有効/無効にします
- 購入者表示期間(時間): 過去何時間の購入をカウントするか設定(例:48時間)
- 最小表示購入者数: 表示を開始する最小購入者数(例:1人)
- 購入者表示テンプレート: 表示テキストのカスタマイズ(例:「過去%hours%時間で%count%人がこの商品を購入しました」)