GMOメイクショップ

【注意事項】

以下は、ecコンシェルの設置法の一例となっておりますので、貴社テストサイト等での動作をご確認頂き、本番サイトに導入するようお願い致します。

ご自身のサイトに設定するサイト識別子がお分かりにならない場合は、こちらをご確認ください。

【サイト構成の確認】

メイクショップでは多くの場合2つのドメインで構成されています。
1つ目のドメイン（店舗ドメイン）・・・トップページ/商品関連ページ/ショップ情報等 
2つ目のドメイン（決済ドメイン）・・・注文（決済）ページ/購入完了ページ等 
お店ページにアクセスし、サイトのドメインを確認します。

  1. お店ページトップにアクセスし、ブラウザのURLを確認します。URLから店舗ページのドメインを把握します。
    Makeshop_0.png上記画像の場合、　eccon05.jp　が1つ目のドメイン（ファーストドメイン）となります。

    ※表示されているURLの先頭に（https://またはhttp://)が付与されている場合、また/以降が記載されている場合、（https://またはhttp://)と（/）以降を取り除いた部分が1つ目のドメイン（ファーストドメイン）となります。
    　例：　表示されているURLが　https://example.com/index.html　の場合、
    　　　　ファーストドメインは　example.com　となります。

  2. メイクショップの場合、２つ目のドメイン（セカンドドメイン）は以下となります。
    www.makeshop.jp

【計測タグ】

  1. 管理画面にログインし、「プロモーション」＞「タグの設定」＞「アクセス解析用のタグの設定」を押下します。
    Makeshop_1.png
  2. 「詳細設定はこちら」を押下します。Makeshop_2.png
  3. 「アクセス解析用のタグの入力」欄が表示されます。Makeshop_3.png
  4. 以下の計測タグをコピーします。 
    <!-- ec concier -->
    <!-- 計測タグ -->
    <script>
    document.addEventListener('DOMContentLoaded', function(){
     if (typeof ara === 'undefined') {
     (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
     })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
     ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
     ara.push(['relayDomains', ['www.makeshop.jp','ファーストドメイン'], {form_post:true}]);
     }
    }, false);
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->
  5. テキストエディタ等でファーストドメインを「サイト構成の確認」の確認した内容に修正します。
    下記の例はファーストドメインが　example.com　の場合の修正例となります。 
    <!-- ec concier -->
    <!-- 計測タグ -->
    <script>
    document.addEventListener('DOMContentLoaded', function(){
     if (typeof ara === 'undefined') {
     (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
     })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
     ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
     ara.push(['relayDomains', ['www.makeshop.jp','example.com'], {form_post:true}]);
     }
    }, false);
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->
  6. 編集した計測タグをコピーし、「アクセス解析用のタグの入力」欄に貼り付けます。
    Makeshop_4.png
    ※注意事項 既に別のタグが貼り付けられている場合、既存のタグは削除せず、一番下に貼り付けしてください。
  7. 「保存」を押下します。Makeshop_5.png
  8.  「保存しました。」が表示され、「OK」を押下し完了します。Makeshop_6.png

【カートタグ】

  1. 「独自デザイン」＞「内部ページ編集Ⅰ」＞「買い物かごページ管理」を押下します。
    Makeshop_11.png
  2. 以下の場所を探します。
     <dl class="totalWrap">
       <dt class="totalItem">合計金額：</dt> 
       <dd class="totalPrice"><em>[BASKET_TOTALPRICE] (税込)</em></dd>
     </dl>
    Makeshop_12.png
  3. 以下のカートタグをコピーします。
    <!-- ec concier -->
    <!-- カートタグ -->
    <script>
    var ecconcier_cartPrice="[BASKET_TOTALPRICE]";
    (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['cart', {cartPrice : ecconcier_cartPrice}]);
    ara.push(['relayDomains', ['www.makeshop.jp'], {form_post:true}]);
    </script> 
    <!-- /カートタグ -->
    <!-- /ec concier -->
  4. コピーしたカートタグを<dd class="totalPrice"><em>[BASKET_TOTALPRICE] (税込)</em></dd>　
    の下に貼り付けます。 
    <dl class="totalWrap">
       <dt class="totalItem">合計金額：</dt> 
       <dd class="totalPrice"><em>[BASKET_TOTALPRICE] (税込)</em></dd>
    　　<!-- ec concier -->
    　　<!-- カートタグ -->
    　　<script>
    　　var ecconcier_cartPrice="[BASKET_TOTALPRICE]";
    　　(function(w,d,url,a,s,e){
    　　 w[a]= (w[a]||[]);
    　　 s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    　　})(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    　　ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    　　ara.push(['cart', {cartPrice : ecconcier_cartPrice}]);
    　　ara.push(['relayDomains', ['www.makeshop.jp'], {form_post:true}]);
    　　</script> 
    　　<!-- /カートタグ -->
    　　<!-- /ec concier --> 
    </dl>
    Makeshop_13.png
  5. 「保存」を押下します。Makeshop_14.png
  6. スマホページも同様に設定するため、「独自デザイン」＞「スマホ」を押下します。Makeshop_15.png
  7. 「編集」を押下します。Makeshop_16.png
  8. 「買い物カゴ画面」を押下します。Makeshop_17.png
  9. 「HTML編集」内から以下の場所を探します。
     <div class="totalWrap">
     　<div class="totalTxt">合計金額（税込）：</div>
     　<div class="totalPrice"><{$basket_totalprice}>円</div>
     </div>

    Makeshop_18.png
  10. 以下のカートタグをコピーします。
    <!-- ec concier -->
    <!-- カートタグ -->
    <script>
    var ecconcier_cartPrice="<{$basket_totalprice}>";
    (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['relayDomains', ['www.makeshop.jp'], {form_post:true}]);
    ara.push(['cart', {cartPrice : ecconcier_cartPrice}]);
    window.onload = function(){
     var elem = document.getElementById('payment_url');
     var url_str = elem.value;
     elem.value = url_str + (url_str.match(/\?/g) ? '&' : '?') + ara.getSessionParam();
    };
    </script>
    <!-- /カートタグ -->
    <!-- /ec concier -->
  11. コピーしたカートタグを<div class="totalPrice"><{$basket_totalprice}>円</div>
    の下に貼り付けます。 
     <div class="totalWrap">
     　<div class="totalTxt">合計金額（税込）：</div>
     　<div class="totalPrice"><{$basket_totalprice}>円</div>
    　   <!-- ec concier -->
    　　 <!-- カートタグ -->
    　 　<script>
    　 　var ecconcier_cartPrice="<{$basket_totalprice}>";
     　　(function(w,d,url,a,s,e){
    　　 w[a]= (w[a]||[]);
    　　 s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    　 　})(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    　 　ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    　 　ara.push(['cart', {cartPrice : ecconcier_cartPrice}]);
    　 　ara.push(['relayDomains', ['www.makeshop.jp'], {form_post:true}]);
    　　 window.onload = function(){
     　　var elem = document.getElementById('payment_url');
      var url_str = elem.value;
       elem.value = url_str + (url_str.match(/\?/g) ? '&' : '?') + ara.getSessionParam();
    　　 };
         </script> 
     　　<!-- /カートタグ -->
     　　<!-- /ec concier --> 
    </div>
    Makeshop_19.png
  12. 「適用」を押下します。Makeshop_20.png
  13. 「更新しますか？」が表示され、「OK」を押下し完了します。Makeshop_21.png

【コンバージョンタグ】

  1. 「プロモーション」＞「タグの設定」＞「任意アフェリエイトの設定」を押下します。
    Makeshop_31.png
  2. 「コンバージョンタグ設定」欄が表示されます。
    Makeshop_32.png
  3. 以下のコンバージョンタグをコピーします。 
    <!-- ec concier -->
    <!-- コンバージョンタグ -->
    <script>
    var ecconcier_totalPrice=[TOTAL_AMOUNT_TAX];
    (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['goal', {sumValue: ecconcier_totalPrice}]);
    ara.push(['relayDomains', ['ファーストドメイン'], {form_post:true}]);
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->
  4. テキストエディタ等でファーストドメインを「サイト構成の確認」の確認した内容に修正します。
    下記の例はファーストドメインが　example.com　の場合の修正例となります。 
    <!-- ec concier -->
    <!-- コンバージョンタグ -->
    <script>
    var ecconcier_totalPrice=[TOTAL_AMOUNT_TAX];
    (function(w,d,url,a,s,e){
     w[a]= (w[a]||[]);
     s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
    })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
    ara.push(['init', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['goal', {sumValue: ecconcier_totalPrice}]);
    ara.push(['relayDomains', ['example.com'], {form_post:true}]);
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->
  5. 編集したコンバージョンタグをコピーし、「コンバージョンタグ設定」を以下のように編集します。
    出力設定 出力する　にチェック
    アフェリエイト名 ec_concier_conversion
    出力画面 注文完了画面
    出力箇所 </body>の前　にチェック
    開始部 コピーしたコンバージョンタグを貼り付けます。
    繰り返し部 （空欄のまま）
    区切り文字 （空欄のまま）
    数量部 （空欄のまま）
    Makeshop_33.png
  6. 「保存」ボタンを押下します。
    Makeshop_34.png
  7. 「入力しました。」が表示され、「OK」を押下します。
    Makeshop_35.png
  8. アフェリエイト一覧に　ec_concier_conversion　が追加され完了です。Makeshop_36.png