U-KOMIサポート

thumbnail

jsonを使ったレビューデータの表示(平均値、合計値)

表示用に用意するコード

基本的な取得用コード

取得した値を表示させるコード

上記一部のパラメータを利用した例

取得した数値にテキストを追加した例


Plaintext
<div class="○○○"></div>

○○○は任意のクラス名を入力します。(例 ".ukomi_review_average"や".ukomi_review_total"など)

表示用コードは<body></body>タグ内<script></script>タグ外、任意の場所に入力します。

Plaintext
<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を入力します。

↑ json(上記基本的な取得用コード)タグを設置する際はU-KOMIタグとjQueryタグ( [jQuery v1.12.4以上](<https://developers.google.com/speed/libraries/#jquery>) )の後に設置する必要があります。

Plaintext
var ▲▲▲ = ×××;
$('○○○').html(▲▲▲)

↑ ▲▲▲は任意の変数名を目的に応じて入力します。(例 "average"や"total"など)

↑ ×××は目的に合わせて以下のコードを入力します。

json.data.average_ratings.toFixed(2) ➡ レビューの平均値を少数点第二位まで取得 json.data.total_reviews ➡ レビュー総数を収得

↑ ○○○は先程表示用のコードで入力した任意のクラス名を入力します。(例 ".ukomi_review_average"や".ukomi_review_total"など)

Plaintext
<script>
    $.ajax({
       url: "<https://api.u-komi.com/products/API_KEY/PRODUCT_ID/false/review_summary>",
       contentType: "application/json",
       type: "POST",
    })
    .done(function (json) {
       var total = json.data.total_reviews;
       $('.ukomi_review_total').html(total)
    });
 </script>

☝ 【API_KEY】はU-KOMI管理画面から確認できるAPIキーを入力します。

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

Plaintext
<div class="ukomi_review_average"></div>

<script>
    $.ajax({
       url: "<https://api.u-komi.com/products/API_KEY/PRODUCT_ID/false/review_summary>",
       contentType: "application/json",
       type: "POST",
    })
   .done(function (json) {
                var average = json.data.average_ratings.toFixed(2);
                $('.ukomi_review_average').html(`この${average}の前後にテキストやhtmlタグを自由に加えられます。`)
            });
 </script>

☝ 【API_KEY】はU-KOMI管理画面から確認できるAPIキーを入力します。

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