Shopify連携（Shopify plus）
2023年01月26日
#1 Customize Theme -> checkout.liquidに移動
Customize Theme -> Theme Actions -> Edit Code -> checkout.liquid に移動。
</body>の閉じタグの前に以下のコードをペースト。
<script type="text/javascript"> window._mfq = window._mfq || []; if (window.location.href.indexOf("checkouts") > -1) { window._mfq.push(['config', 'includeQueryStringInPath', true]) }; (function() { var mf = document.createElement("script"); mf.type = "text/javascript"; mf.defer = true; mf.src = "//cdn.mouseflow.com/projects/your-website-id.js"; document.getElementsByTagName("head")[0].appendChild(mf); })(); </script> “your-website-id"を、mouseflowのWEBサイトIDに置き換えます。
#2 URLをマージ
mouseflowの設定 -> 詳細設定にアクセスし、以下の様に設定します。
| タイプ | パターン | エイリアス |
| 正規表現 | ^.*\/\d*\/checkouts\/.((?!previous|processing|thank_you).)*$ | /checkout |
| 正規表現 | ^.*\/\d*\/checkouts\/.*previous_step=contact_information&step=shipping_method | /checkout/shipping_method |
| 正規表現 | ^.*\/\d*\/checkouts\/.*previous_step=shipping_method&step=payment_method | /checkout/payment_method |
| 正規表現 | ^.*\/\d*\/checkouts\/\w*\/express\/callback | /checkout/express/callback |
| 正規表現 | ^.*\/\d*\/checkouts\/.*previous_step=payment_method&step=review | /checkout/review |
| 正規表現 | ^.*\/\d*\/checkouts\/.*forward\?complete=1&previous_step=payment_method&step= | /checkout/payment_abandoned |
| 正規表現 | ^.*\/\d*\/checkouts\/\w*\/processing | /checkout/processing |
#3 ファネル作成例
以下を参考にしてファネルを作成してみてください。
