ヘッダーに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 タグを設置する必要があります。

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

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

スクロール高さ調整

スティッキーヘッダーを利用の場合は下記のJSコード実行でU-KOMI内のページ変更など機能利用時に実行されるスクロール高さを調整することができます。

スクロール高さ調整を行うためのコード： <script> jQuery(function($){ $('MENU_ELEMENT').addClass('sticky-container'); }); </script>

| 【MENU_ELEMENT】はスティッキーヘッダーのクラスかIDを入力します ( .class か #id が利用可能です)

良く読まれている記事

全カテゴリーを見る