{"id":26712,"date":"2021-05-06T15:46:10","date_gmt":"2021-05-06T06:46:10","guid":{"rendered":"http:\/\/raku2bb.com\/faq\/?p=26712"},"modified":"2022-11-30T17:34:29","modified_gmt":"2022-11-30T08:34:29","slug":"02-0934","status":"publish","type":"post","link":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/item\/02-0934\/","title":{"rendered":"\u30ab\u30fc\u30c8\u30a4\u30f3URL\u62bc\u4e0b\u6642\u306b\u8cb7\u3044\u7269\u304b\u3054\u753b\u9762\u3078\u9077\u79fb\u3055\u305b\u306a\u3044"},"content":{"rendered":"
目次（第一階層[H2]のみ表示）<\/div>\n\n\n\n

概要<\/h2>\n\n\n\n

カートインURLを実装するサイトに非同期通信用のスクリプトを適用することで、カートインURLをクリックした際にスマレジEC・B2Bの買い物かご画面へ遷移せず、メッセージのみ表示させることができます。<\/p>\n\n\n\n

※カートインURLの詳しい説明は＜こちら<\/a>＞をご覧ください。<\/p>\n\n\n\n

基本設定<\/h2>\n\n\n\n

カートインURLを実装するサイト、またはLP等にjQuery用のコードを埋め込むことで、買い物かご画面へ遷移せず、メッセージのみ表示させます。<\/p>\n\n\n\n

サンプルコード<\/h5>\n\n\n\n
<script>\n$(function() {\n  $('.cart_in_test').on('click', function(e) {\n    $.ajax({\n      type: 'GET'\n        ,url: 'https:\/\/{ドメイン}\/cart\/add.php'            \/*カートインURL*\/\n        ,dataType: 'jsonp'                                 \/*jsonp固定*\/\n        ,jsonpCallback: 'callback'                         \/*callback固定*\/\n        ,data:{                                            \/*dataにカートインURLのパラメータを設定する*\/\n          pcode: 'xxxxxxxx'                                \/*←商品管理番号*\/\n         ,code: 'yyyyyyyy'                                 \/*←商品番号*\/\n         ,response: 'jsonp'\n    }\n  })\n\n  \/\/ 正常\n  .done(function(data, results) {\n    $("#modal-content-ok").fadeIn("slow"); 　　            \/*正常ウィンドウを表示*\/\n  })\n\n  \/\/ エラー\n  .fail(function(jqXHR, textStatus, errorThrown) {         \/*エラーウィンドウを表示*\/\n    $("#modal-content-ng").fadeIn("slow");\n  })\n\n  .always(function(data) {\n    let x = e.clientX;\n    let y = e.clientY;\n    $(".modal-content").css({left: x, top: y})\n    })\n  });\n});\n\n$(function() {\n  $(document).on('click', function() {\n    $(".modal-content").fadeOut("slow");                   \/*クリックした場合にウィンドウを消す*\/\n  });\n});\n<\/script>\n\n<div id="modal-content-ok" class="modal-content">\n  <div class="check">✔<\/div>\n  <div class="message">商品をかごに追加しました<\/div>\n<\/div>\n\n<div id="modal-content-ng" class="modal-content">\n  <div class="check">✕<\/div>\n  <div class="message">商品をかごに追加できませんでした<\/div>\n<\/div>\n\n<style>\n#modal-content-ok,\n#modal-content-ng {\n  width: 10%;\n  height: 10%;\n  padding: 10px 20px;\n  z-index: 2;\n  color: white;\n  position: fixed;\n  display: none;\n  opacity: 0.8;\n}\n\n#modal-content-ok {\n  background: #333;\n}\n\n#modal-content-ng {\n  background: #d50000;\n}\n\n.modal-content .check {\n  font-size: 300%;\n  text-align: center;\n}\n\n.modal-content .message {\n  font-size: 95%;\n  text-align: center;\n}\n<\/style><\/code><\/pre>\n\n\n\n\n\n
＜例　スマレジEC・B2B　カスタムページ設定＞<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n\n\n
ボタンをクリックした際は、以下のようにメッセージを表示します。
※表示メッセージのスタイルは上記サンプルコードの<style>…<\/style>から変更できます。<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
注意点<\/h2>\n\n\n\n
ドメインをまたぐカート投入の場合、一部端末ではブラウザの設定を変更しないとカートに投入できません。<\/p>\n\n\n\n
【iOS／Safariの場合】
設定＞safari>サイト越えのトラッキングを防ぐ
→上記設定を「OFF」にする必要があります。<\/p>\n","protected":false},"excerpt":{"rendered":"
概要 カートインURLを実装するサイトに非同期通信用のスクリプトを適用することで、カートインURLをクリックした際にの買い物かご画面へ遷移せず、メッセージのみ表示させることができます。 ※カートインURLの詳しい説明は＜・・・<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[11,2],"tags":[],"class_list":{"0":"post-26712","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-config","7":"category-item"},"views":653,"_links":{"self":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/26712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/comments?post=26712"}],"version-history":[{"count":9,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/26712\/revisions"}],"predecessor-version":[{"id":35635,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/posts\/26712\/revisions\/35635"}],"wp:attachment":[{"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/media?parent=26712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/categories?post=26712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ec.smaregi.jp\/b2b\/professional\/faq\/wp-json\/wp\/v2\/tags?post=26712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}