カテゴリー
初期設定コードの紹介
基礎になるU-KOMI JSタグを設置
U-KOMIの基礎になるコードをヘッダーに追加スターレーティングの表示
レビュースライダーの表示
このガイドでは、サイト内でレビュースライダーを表示するためのコードについてご説明しています。 ✍️ 表示内容に関する仕様・制限 - 表示させたくないレビューがある場合は、該当レビューを「非公開」に設定してください。 - スライダーに表示するレビューは、高評価のものをシステムが自動でピックアップします。 - 写真付きレビューのみに絞り込むことや、レビュースライダーで「投稿画像と星だけ」を表示することはできません。代替としてピックアップレビューの活用をご検討ください。 - 商品レビューとサイトレビューをまとめて１つのウィジェットに混在表示することはできません（data-review-typeで切り替わります）。 🎨 見た目（枠線・表示順など）を変更したい場合 レビュースライダーを含むウィジェットの見た目は、U-KOMI管理画面の「ウェブサイト」＞「ウェブサイト設定」＞「ウィジェットテーマ」から「モダン」または「デフォルト」を選択して切り替えできます。テーマを変更すると、枠線の有無や表示順などの見た目が変わります。 また、ウィジェットで設定した「星の色」は、専用ウィジェットにも同様に適用されまレビュー一覧の表示
このガイドでは、サイト内でレビュー一覧を表示するためのコードをご紹介しています。 🔗 サイト内でレビュー一覧を表示するためのコード 商品単位でレビュー一覧を表示するためのコード <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> グループ単位のレビュー一覧を表示するためのコード（リッチ
Q&Aタグの表示
サイト内でQ&Aタグを表示するためのコードは以下です。 Q&A一覧の表示があるTOPページ、商品詳細ページなどで表示できます。 商品単位でQ&Aタグを表示するためのコードはこちら <div class="qa-summary-container" data-pid="PRODUCT_ID" data-action="qa-summary"></div> グループ化された商品のQ&Aタグを表示するためのコードはこちら <div class="qa-summary-container" data-pid="PRODUCT_ID" data-group="true" data-action="qa-summary"></div> グループ単位のQ&Aタグを表示するためのコードはこちら <div class="qa-summary-container" data-gname="GROUP_NAME" data-group="true" data-action="qa-summary"></div> Q&A一覧の表示 商品単位でQ&Aタグを表示するためのコードはこちら <div class="u
jsonを使ったレビューデータの表示（平均値、合計値）
サイト内でレビューの平均値、レビューの合計値を取得、表示するためのコードを追加します。 表示用に用意するコード <div class="○○○"></div> 📖 ○○○は任意のクラス名を入力します。（例 ".ukomi_review_average"や".ukomi_review_total"など） 📖 表示用コードは<body></body>タグ内<script></script>タグ外、任意の場所に入力します。 基本的な取得用コード <script> $.ajax({ url: "<https://api.u-komi.com/products/API_KEY/PRODUCT_ID/false/review_summary>", contentType: "application/json", type: "POST", }) .done(function (json) { "この中に下記（★）の処理が入ります" }); </script> ↑【API_KEY】はU-KOMI管理画面から確認できるAPIキーを入力します。 ↑【PRODUCT_ID】は商品IDを入力します。 （★）