ヘッダーにJSを追加

Q: スターレーティング表示

<h1 id="">スターレーティングの表示</h1> <p>サイト内でスターレーティングを表示するためのコードを追加します。 TOPページ商品一覧、検索結果、商品詳細ページなどで表示できます。</p> <p>商品単位でスターレーティングを表示するためのコード： <code>&lt;div class="review-summary-container" data-pid="PRODUCT_ID" data-action="summary"&gt;&lt;/div&gt;</code></p> <p>グループ化された商品のスターレーティングを表示するためのコード： <code>&lt;div class="review-summary-container" data-pid="PRODUCT_ID" data-group="true" data-action="summary"&gt;&lt;/div&gt;</code></p> <p>| ※【PRODUCT_ID】は商品IDを入力します。</p>

サイト内で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）

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

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

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

レビュー付き商品一覧を表示するためのコード： ```<div class="u-komi-product-widget-container" data-expiratio

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>

| ※【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】の値を入力します。

良く読まれている記事

全カテゴリーを見る