U-KOMIサポート

  • 表示させたくないレビューがある場合は、該当レビューを「非公開」に設定してください。

  • スライダーに表示するレビューは、高評価のものをシステムが自動でピックアップします。

  • 写真付きレビューのみに絞り込むことや、レビュースライダーで「投稿画像と星だけ」を表示することはできません。代替としてピックアップレビューの活用をご検討ください。

  • 商品レビューとサイトレビューをまとめて1つのウィジェットに混在表示することはできません(data-review-typeで切り替わります)。

  • 商品詳細ページに設置しているような「星表示のみ」をトップページに表示させ、クリックでサイトレビューへ遷移させることはできません。

  • レビュースライダーの表示内容の更新は「日数(時間)」で固定されているものではなく、公開済みレビューの状況など条件に応じてシステムが自動で入れ替えます。表示内容や入れ替わるタイミングを任意に指定することはできません。

レビュースライダーを含むウィジェットの見た目は、U-KOMI管理画面の「ウェブサイト」>「ウェブサイト設定」>「ウィジェットテーマ」から「モダン」または「デフォルト」を選択して切り替えできます。テーマを変更すると、枠線の有無や表示順などの見た目が変わります。

また、ウィジェットで設定した「星の色」は、専用ウィジェットにも同様に適用されます。

任意のレビューだけを集めたレビュースライダーの表示も可能です。

① 該当のレビューの右側 アクションボタン > 開く を押します。

② 開かれたページのURLの右側 review_code= の後をコピーし、

「data-review-id」パラメータにレビューコードを追加すると、特定のレビューを表示することが可能です。

サイト上で星や件数は表示されているものの、各レビューのコメント(本文)が確認できない場合は、トップページのレビュースライダーにある「レビューをもっと見る」ボタンから、お客様の声ページで各レビューのコメントを確認できます。商品レビューの場合は、商品詳細ページのレビュータブからも確認できます。

HTML
HTML
HTML

【PRODUCT_ID】は商品IDを入力します。

HTML

複数のカテゴリーページなど、複数ページで同じグループのレビュースライダーを表示したい場合は、各ページでdata-gnameに指定するグループ名(GROUP_NAME)を統一してください。

HTML

各パラメータ

パラメーター名

パラメーター説明

入力値

デフォルト値

data-review-count

表示するレビュー数

数字

9

data-review-view-count

表示するレビュー数を指定

数字

3

data-pid

商品IDを指定

商品ID

指定なし

data-gname

グループ名を指定

グループ名

指定なし

data-autoplay

自動的にスライダーを動かす

数字

1

data-autoplay-speed

スライダーのスピードを指定

ミリ秒

3000(3秒)

data-morereview-page

「レビューをもっと見る」ボタンを表示

0,1

0

data-morereview-page-link

「レビューをもっと見る」ボタンのリンクを指定

url

指定なし

data-morereview-page-text

「レビューをもっと見る」ボタンのテキストを指定

テキスト

レビューをもっと見る

data-sort

レビュー表示順位

date,rate,like,

buyer,picture

date

data-sort-order

「昇順」と「降順」

asc,desc

desc

data-review-type

表示するレビュー種類

site,product,staff_review

全て

data-title-length

表示するレビュータイトルテキストの最大の長さ

数字

50(文字)

data-review-length

表示するレビューテキストの最大の長さ

数字

35(文字)

data-image-size

表示する商品画像の大きさ

数字

50(px)

data-show-date

レビューの日付を表示

0,1

0

data-review-id

レビューIDを指定

レビューID

指定なし

data-ignore-scroll

パラメーター追加でスクロールを回避

指定なし

data-ai-summary

レビュー要約を表示

0,1

0

data-ai-summary-id

商品のレビュー要約を表示

商品ID

指定なし

data-pickup-only

ピックアップレビューのみ表示

0,1

0

data-target

商品リンクをクリックした時の遷移

_blank,_self,_parent,_top

_blank

data-star-rate

表示対象とするレビューの評価(★)の下限を指定

数字(1〜5)

※ 表示順を変更したい場合は、data-sort(date / rate / like など)とdata-sort-order(asc / desc)で制御します。新着順で表示したい場合は data-sort="date" かつ data-sort-order="desc" を指定してください(初期設定も日付の降順です)。

レビュースライダー(review-container)に対するスタイル(CSS)の追加・編集は、U-KOMI管理画面の「レビュー」>「ウィジェット」>「カスタムスタイル」から行えます。

  • 例:スライダー上部に余白を入れたい場合は、.review-container { margin-top: 120px; } のように追加します。

  • 例:特定の商品(商品ID)だけスライダー表示を非表示にしたい場合は、.review-container[data-pid="〇〇"] { display: none; } のように商品IDを指定して追加します。

HTML

data-autoplay-speed="5000"の5000を任意の数字に変更することで自動スライドの間隔を調整することができます。

data-morereview-page-link="https://example.com/review" のhttps://example.com/review をお客様の声ページのURLに差し替えしてください。

レビュースライダーの注意点

data-review-type="product"のパラメーターを利用したレビュースライダーの表示には公開済みの評価の高いレビューが10件程度必要です。レビューが存在しない場合はサイト上に表示されません。

レビュースライダーに表示されるレビューはU-KOMIが自動でピックアップします。

新しいレビューが投稿されると順次更新されていきます。表示するレビューを任意に変更することはできません。

HTML

data-autoplay-speed="5000"の5000を任意の数字に変更することで自動スライドの間隔を調整することができます。

data-morereview-page-link="https://example.com/review" のhttps://example.com/review をお客様の声ページのURLに差し替えしてください。

data-image-size="100"の100を任意の数字に変更することで商品画像のサイズを調整することができます。

レイアウト画面のプレビューでレビュースライダーが表示されない場合、レビュー投稿数が不足している可能性があります。

また、プレビュー確認の際は、トップページのプレビューから商品詳細ページへ遷移して確認するのではなく、各ページのプレビューを個別に開いてご確認ください(遷移先でタグが正常に反映されないことがあります)。

目安として合計5〜6件以上のレビューを登録すると、プレビューにも表示されます。

評価の高いレビューが複数件集まると表示される仕様のため、「10件」はあくまで目安です。

また、スライダー内の商品画像が表示されない場合は、サイト上への反映にお時間がかかることがあります。数日お待ちいただいたうえで、改めて表示をご確認ください。

レビュースライダーの基本的な設置方法のガイド動画です。

レビュースライダーの応用的な設置方法のガイド動画です。