Question 1

タグ設置

Accepted Answer

ヘッダーにJSを追加

サイト内でU-KOMI関連のコンテンツを表示するためにヘッダーに下記のJSを追加します。

サイト内でU-KOMIのコンテンツを表示するためのコード： <script type="text/javascript"> (function u(){var u=document.createElement("script");u.type="text/javascript",u.async=true,u.src="//api.u-komi.com/API_KEY/widget.js";var k=document.getElementsByTagName("script")[0];k.parentNode.insertBefore(u,k)})(); </script>

| 【API_KEY】はU-KOMI管理画面から確認できるAPIキーを入力します。 || 上記U-KOMIタグの先に jQuery v1.12.4以上タグを設置する必要があります。

Question 2

レビュー一覧の表示

Accepted Answer

レビュー一覧の表示

サイト内でレビュー一覧を表示するためのコードを追加します。

商品単位でレビュー一覧を表示するためのコード： <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>

グループ単位のレビュー一覧を表示するためのコード（リッチスニペット対応なし）： <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-review-count】➡ 表示するレビュー数（数字）【data-sort】➡ レビュー表示順位（date,rate,like,buyer,response,picture）【data-sort-order】➡ 「昇順」と「降順」（asc,desc）【data-review-type】➡ 表示するレビュー種類（site,product）※レビュー専用ページのレビュー一覧用【data-filter-expand】➡ カスタム質問のフィルターを最初から表示する（true,false）【data-pagination】➡ paginationを有効にするかどうか（0,1）【data-hide-response】➡ サイト返信を隠すかどうか（0,1）

上記一部のパラメータを利用した例（サイトレビューを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>

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

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

サイト内でレビュー付き商品一覧を表

Question 3

スターレーティング表示

Accepted Answer

スターレーティングの表示

サイト内でスターレーティングを表示するためのコードを追加します。 TOPページ商品一覧、検索結果、商品詳細ページなどで表示できます。

商品単位でスターレーティングを表示するためのコード： <div class="review-summary-container" data-pid="PRODUCT_ID" data-action="summary"></div>

グループ化された商品のスターレーティングを表示するためのコード： <div class="review-summary-container" data-pid="PRODUCT_ID" data-group="true" data-action="summary"></div>

グループ単位のスターレーティングを表示するためのコード： <div class="review-summary-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-action="summary"></div>

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

Question 4

受注データの連携

Accepted Answer

受注データの連携

自動レビュー依頼メール送信のためのAPIコール実行は下記API資料で実装をお願いいたします。 http://doc.u-komi.com/#/Orders/orders_create

レビュー依頼メールは上記APIコールでデータを送信していただいた後に、U-KOMI管理画面で設定していただいてるメール設定通り自動的に送信されます。

Question 5

コンバージョントラッキングコードの設置

Accepted Answer

コンバージョントラッキングコードの設置

U-KOMI管理画面から解析データを確認できるためのコンバージョントラッキングコードを設置します。こちらのコードはチェックアウト完了ページ（サンクスページ）で設置します。

コンバージョントラッキングコード： <script>ukomiOrderTrackData = {orderId: "######ORDER_ID######", orderAmount: "######ORDER_AMOUNT#####", orderCurrency: "######ORDER_CURRENCY#####"}</script>

| ※【APIKEY】はU-KOMI管理画面から確認できるAPIキーを入力します。 | ※【ORDERID】は受注IDを入力します。 | ※【ORDERAMOUNT】は受注金額を入力します。 | ※【ORDERCURRENCY】は受注通貨を入力します。

Question 6

リッチスニペット対応

Accepted Answer

リッチスニペット対応

自動対応

U-KOMI管理画面の【ウィジェット】と【専用ウィジェット】ページにある【リッチスニペット対応】設定を有効にしていただければ自動的に対応できます。

手動対応

Googleオーガニック検索結果でスターレーティングを表示するためのリッチスニペット対応です。

リッチスニペット対応コード： <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="RATING_VALUE" /> <meta itemprop="reviewCount" content="REVIEW_COUNT" /> </span>

| ※【RATINGVALUE】は reviewsummary のAPIを利用して【averageratings】の値を入力します。 | ※【REVIEWCOUNT】は reviewsummary のAPIを利用して【totalreviews】の値を入力します。

任意項目の対応

任意項目を商品カタログでの値または下記レビュー一覧タグ内で対応させることが可能です。

商品カタログに値がない場合はレビュー一覧タグ内での値を利用します。

data-sku=""　→　SKU（番号） data-brand=""　→　ブランド（テキスト） data-pricevaliduntil="2022-11-20"　→　表示されている価格の有効期限（日付） data-availability="InStock/OutofStock"　→　（在庫あり・在庫切れ） data-itemcondition="NewCondition/UsedCondition"　→　（新品・中古） data-gtin=""　→　GTIN（番号） data-mpn=""　→　MPN（番号）

グループでの対応

商品ではなくてグループとして対応させることも可能です。こちらはカテゴリやブランドページなどで利用します。

この場合、下記の値をレビュー一覧タグ内で設置する必要があります。

data-name=''"　→　商品名 data-description=""　→　商品説明文 data-url=""　→　レビュー一覧が表示されてるURL data-image-url=""　→　商品画像 data-price=""　→　商品価格 data-currency=""　通貨（例：JPY）

良く読まれている記事

全カテゴリーを見る