らくうるカートの導入は info@u-komi.com までご連絡いただければ導入のお手伝いをさせていただきます。
ヘッダーにJSを追加
サイト内でU-KOMI関連のコンテンツを表示するためにヘッダーに下記のJSを追加します。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→共通部分
こちらのHTMLの部分の</body>の直前に下記のコードを追加します。
サイト内で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以上 タグを設置する必要があります。
スターレーティングの表示
サイト内でスターレーティングを表示するためのコードを追加します。
TOPページ商品一覧、検索結果、商品詳細ページなどで表示できます。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品一覧
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品一覧（キーワード検索）
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品詳細
こちらのHTMLの部分のprice（価格）部分の直後に下記のコードを追加します。
<div class="review-summary-container" data-pid="{{variationList[0].itemCd}}" data-group="true" data-action="summary"></div>
レビュー一覧の表示
サイト内でレビュー一覧を表示するためのコードを追加します。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品詳細
こちらのHTMLの部分のレビュー一覧を表示させたい部分に下記のコードを追加します。
</form>前がおすすめ設置箇所となります。
<div class="review-container" data-pid="{{variationList[0].itemCd}}" data-group="true" data-action="widget"></div>
コンバージョントラッキングコードの設置
U-KOMI管理画面から解析データを確認できるためのコンバージョントラッキングコードを設置します。
こちらのコードはチェックアウト完了ページ（サンクスページ）で設置します。
らくうるカート管理画面→店舗設定→出力タグ設定
こちらのページで「注文完了画面」用の出力タグを新しく登録します。
出力タグ名：U-KOMIコンバージョントラッキングコード
出力箇所：body
出力状況：出力
出力タグ：下記のタグを利用
コンバージョントラッキングコード：
<script>ukomiOrderTrackData = {orderId: "{{orderNo}}", orderAmount: "{{orderSum}}", orderCurrency: "JPY"}</script>
メールによる受注連携
U-KOMIのメールアドレスに受注データが入ってるメールを転送していただくことで受注連携することができます。
メールによる受注連携は info@u-komi.com までご連絡いただければ連携設定のお手伝いをさせていただきます。
また、詳しい設定情報は下記のガイドをご確認ください。
https://support.u-komi.com/ja/article/44oh44o844or44gr44ki44kl5yx5roo6ycj5pc6-4el1ix/
らくうるカートでのメールによる受注連携は「受注管理」→「送信メール」→「発送通知メール」の設定を開いていただき、「CCメールアドレス」の送信先メールアドレスにU-KOMI管理画面のメールによる受注連携の設定ページで発行されるU-KOMIアドレスを追加してください。
その後、U-KOMI管理画面のメールによる受注連携の設定ページで各値を取得するための初期設定を行う必要があります。こちらのらくうるカートの場合の設定するべき各値に関しては info@u-komi.com までご連絡いただければ共有いたしますのでご連絡ください。
受注連携を行うために各商品での【商品コード】の値の指定が必要となりますのでご注意ください
ヘッダーにJSを追加
サイト内でU-KOMI関連のコンテンツを表示するためにヘッダーに下記のJSを追加します。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→共通部分
こちらのHTMLの部分の</body>の直前に下記のコードを追加します。
サイト内で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以上 タグを設置する必要があります。
スターレーティングの表示
サイト内でスターレーティングを表示するためのコードを追加します。
TOPページ商品一覧、検索結果、商品詳細ページなどで表示できます。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品一覧
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品一覧（キーワード検索）
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品詳細
こちらのHTMLの部分のprice（価格）部分の直後に下記のコードを追加します。
<div class="review-summary-container" data-pid="{{variationList[0].itemCd}}" data-group="true" data-action="summary"></div>
レビュー一覧の表示
サイト内でレビュー一覧を表示するためのコードを追加します。
らくうるカート管理画面→デザイン→マイテンプレート→マイテンプレート→編集→HTML編集設定→商品詳細
こちらのHTMLの部分のレビュー一覧を表示させたい部分に下記のコードを追加します。
</form>前がおすすめ設置箇所となります。
<div class="review-container" data-pid="{{variationList[0].itemCd}}" data-group="true" data-action="widget"></div>
コンバージョントラッキングコードの設置
U-KOMI管理画面から解析データを確認できるためのコンバージョントラッキングコードを設置します。
こちらのコードはチェックアウト完了ページ（サンクスページ）で設置します。
らくうるカート管理画面→店舗設定→出力タグ設定
こちらのページで「注文完了画面」用の出力タグを新しく登録します。
出力タグ名：U-KOMIコンバージョントラッキングコード
出力箇所：body
出力状況：出力
出力タグ：下記のタグを利用
コンバージョントラッキングコード：
<script>ukomiOrderTrackData = {orderId: "{{orderNo}}", orderAmount: "{{orderSum}}", orderCurrency: "JPY"}</script>
メールによる受注連携
U-KOMIのメールアドレスに受注データが入ってるメールを転送していただくことで受注連携することができます。
メールによる受注連携は info@u-komi.com までご連絡いただければ連携設定のお手伝いをさせていただきます。
また、詳しい設定情報は下記のガイドをご確認ください。
https://support.u-komi.com/ja/article/44oh44o844or44gr44ki44kl5yx5roo6ycj5pc6-4el1ix/
らくうるカートでのメールによる受注連携は「受注管理」→「送信メール」→「発送通知メール」の設定を開いていただき、「CCメールアドレス」の送信先メールアドレスにU-KOMI管理画面のメールによる受注連携の設定ページで発行されるU-KOMIアドレスを追加してください。
その後、U-KOMI管理画面のメールによる受注連携の設定ページで各値を取得するための初期設定を行う必要があります。こちらのらくうるカートの場合の設定するべき各値に関しては info@u-komi.com までご連絡いただければ共有いたしますのでご連絡ください。
受注連携を行うために各商品での【商品コード】の値の指定が必要となりますのでご注意ください
更新日 26 / 03 / 2021