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）【data-review-score】➡ 表示するレビュー評価を指定する（1,2,3,4,5）

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

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

レビュー管理

この画面ではレビュー詳細を確認することができ、レビュー返信などの操作が可能です。

|||

フィルター

レビュー一覧で表示されるレビューを絞り込むことができます。

１）ステータス

3つの選択があります。

すべて（レビューの全てを表示します）
公開済み（公開済みのレビューのみ表示します）
非公開（非公開のレビューのみ表示します）

２）フリーワード検索

検索したいワードを入力し、そのワードが当てはまる記事を表示します。

３）日付で絞り込む

日付を絞り込み、その日に書かれたレビューを表示します。

|||

レビューインポート

画面右上にある「・・・」を押し【インポート】でレビューをインポートできます。

【例のファイル】でインポート形式のファイルをダウンロードしてください。

インポート用ファイルに保存できましたらファイル選択でファイルをアップロードしていただき、【アップロード】ボタンで処理を行ってください。

CSVファイルの項目

```product_id　商品ID

nameofreviewer　お名前

nicknameof_reviewer　ニックネーム（任意）

emailofreviewer　メールアドレス（任意）

titleofreview　件名

descriptionofreview　本文

ratingsofreview　評価

reviewdatetime　投稿日時

published　公開ステータス```

|||

各レビューの詳細

１つ１つのレビューの詳細を確認することができます。

１）レビュー左にある矢印マークをクリックすると詳細が表示されます

・商品ID：site_reviews

・商品名：サイトレビュー

・注文ID：0000

・投稿経路：メール

・お名前：レビュー投稿者

・メールアドレス：u-komi@example.com

２）ステータスの変更

ステータス項目にある画像赤枠部分をクリックするとレビュー公開ステータスの変更ができます。

３）アクション

アクション項目にある「・・・」をクリックすると３つの項目が表示されます。

開く（レビューが掲載されているサイトをプレビュー表示できます）
写真を追加（そのレビューに対しての写真を追加できます）
コメント追加（そのレビューに対してのコメントを追加できます）

　　１）コメント書いて、サイト上に出すかどうか選択でき

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

レビュースライダーの表示

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

商品単位でレビュースライダーを表示するためのコード： <div class="review-container" data-pid="PRODUCT_ID" data-action="slider"></div>

グループ化された商品のレビュースライダーを表示するためのコード： <div class="review-container" data-pid="PRODUCT_ID" data-group="true" data-action="slider"></div>

レビュースライダーでサイトレビューを表示するためのコード： <div class="review-container" data-review-type="site" data-action="slider"></div>

下記のパラメータも利用可能です：【data-review-count】➡ 表示するレビュー数（数字）【data-autoplay】➡ 自動的にスライダーを動かす（数字）【data-autoplay-speed】➡ スライダーのスピードを指定（ミリ秒）【data-morereview-page】➡ 「もっとレビューを見る」ボタンを表示（0,1）【data-morereview-page-link】➡ 「もっとレビューを見る」ボタンのリンクを指定（url）【data-morereview-page-text】➡ 「もっとレビューを見る」ボタンのテキストを指定（テキスト）【data-sort】➡ レビュー表示順位（date,rate,like,buyer,picture）【data-sort-order】➡ 「昇順」と「降順」（asc,desc）【data-review-type】➡ 表示するレビュー種類（site,product）【data-title-length】➡ 表示するレビュータイトルテキストの最大の長さ（数字）【data-review-length】➡ 表示するレビューテキストの最大の長さ（数字）【data-image-size】➡ 表示する商品画像の大きさ（数字）【data-show-date】➡ レビューの日付を表示（0,1）【data-review-view-count】➡ 表示するレビュー数を指定（数字）

上記一部のパラメータを利用した例： <div class="review-container" data-pid="PRODUCT_ID" data-action="slider" data-review-count="10" data-autoplay-speed="3000" data-morereview-page="1" data-sort="date" data-sort-order="desc"></div>

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

良く読まれている記事

全カテゴリーを見る