レビュー一覧の表示


サイト内でレビュー一覧を表示するためのコードは以下です

商品単位でレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-action="widget"></div>
グループ化された商品のレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-group="true" data-action="widget"></div>

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

グループ単位のレビュー一覧を表示するためのコードはこちら(リッチスニペット対応なし)
<div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-action="widget"></div>
グループ単位のレビュー一覧を表示するためのコードはこちら(リッチスニペット対応あり):
<div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-name="PRODUCT_NAME" data-description="PRODUCT_DESC" data-url="PRODUCT_URL" data-image-url="PRODUCT_IMG" data-price="PRODUCT_PRICE" data-currency="PRODUCT_CURRENCY" data-action="widget"></div>
レビュー専用ページのレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-action="dedicated-widget"></div>

レビュー一覧に使用できる各パラメータは以下です

📖 各パラメータ

パラメーター名 パラメーター説明 入力値 デフォルト値
data-customer-id 表示させるレビューの対象顧客IDを指定する 指定なし
data-review-id 指定したレビューのみ表示する 下記のパラメータも利用可能です 指定なし
data-review-count 表示するレビュー数 数字 全て
data-sort レビュー表示順位 date,rate,like,buyer,response,picture date
data-sort-order 「昇順」と「降順」 asc,desc desc
data-review-type 表示するレビュー種類 site,product ※レビュー専用ページのレビュー一覧用 全て
data-filter-expand カスタム質問のフィルターを最初から表示する true,false true
data-pagination paginationを有効にするかどうか 0,1 1
data-hide-response サイト返信を隠すかどうか 0,1 0
data-review-score 表示するレビュー評価を指定する 1,2,3,4,5 全て
data-question レビューのカスタム質問選択を指定する※記載の仕方はカスタム質問のIDと,回答のIDで といった記載の仕方 (例)data-question=“88,366” 指定なし
data-product-picture 商品写真を表示させるかどうか 0,1 0
data-summary-detail 評価詳細を表示させるかどうか 0,1 0
data-feature ピックアップ機能を有効にさせるかどうか 0,1 1
data-preview レビューをプレビュー表示させるかどうか 0,1 0
data-preview-count プレビュー時の表示するレビュー数 数字 3
data-preview-text もっと見るボタンのテキスト テキスト もっと見る

上記一部のパラメータを利用した例(サイトレビューを3件のみ表示するコード)

<div class="review-container" data-action="dedicated-widget" data-review-count="3" data-sort="date" data-sort-order="desc" data-review-type="site"></div>

☝ data-pagination パラメータはdata-review-count を指定した状態のみページネーションを非表示にすることができます。

(例)
ページネーションが非表示になる場合の例

<div class="review-container" data-review-count="10" data-pid="product_id" data-group="true" data-action="widget" data-pagination="0"></div>

ページネーションが非表示にならない場合の例

<div class="review-container" data-pid="product_id" data-group="true" data-action="widget" data-pagination="0"></div>

レビュー付き商品一覧の表示

サイト内でレビュー付き商品一覧を表示するためのコードは以下です。

レビュー付き商品一覧を表示するためのコードはこちら

<div class="u-komi-product-widget-container" data-expiration-filter="true" data-show-group="true" data-pagination="true" data-count="8" data-image="true" data-like="true" >

レビュー一覧設置基礎のガイド動画です。