GMOメイクショップ

【2021年6月22日以前にタグ設置を実施されたお客様へ】

新たに、商品情報・会員フラグ・ログイン状態をカスタム属性に連携したことで、より効果的な接客を実施することが出来るようになりました。
※カスタム属性を利用した接客を実施するには、新しいタグへの置き換えおよびカスタム属性の登録を行っていただく必要がございます。対応手順の詳細は、以下の【タグ設置手順の概要】、【計測タグ】、【カートタグ】、【コンバージョンタグ】、【カスタム属性の登録】をご参照下さい。


【注意事項】

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

  2. 以下の手順は、タグを設置するサイトがクロスドメイン構成の場合のみ動作いたします。

  3. 動作するページ構成例
    ページ名 URL例
    トップ(PC) http://[ショップURL].makeshop.jp/
    トップ(モバイル) http://[ショップURL].makeshop.jp/smartphone/
    商品詳細(PC) http://[ショップURL].makeshop.jp/shopdetail/xxxxx/
    商品詳細(モバイル) http://[ショップURL].makeshop.jp/smartphone/detail.html?id=xxxxx
    カート(PC) http://[ショップURL].makeshop.jp/shop/basket.html
    カート(モバイル) http://[ショップURL].makeshop.jp/smartphone/basket.html
    購入完了(PC/モバイル共通) https://www.makeshop.jp/ssl/orderin.html


  4. タグ設置手順内には、以下のような手順が何度か登場します。(【計測タグ】 > 【PC/モバイル・共通設定】手順1-5~1-6など)
    ・タグ設置後、「保存」ボタンを押下→ダイアログが表示され、ダイアログの「OK」ボタンを押下して設置を完了する
    ダイアログが表示された状態でブラウザの別タブを開くなどの操作をした場合、ダイアログが消え、設置が正しく完了出来ない場合がありますので、必ず、「保存」ボタンを押下→ダイアログが表示されることを確認→「OK」ボタンを押下　と続けて操作を行っていただくようお願いいたします。

【サイト構成の確認】

GMOメイクショップのサイトは、多くの場合2つのドメインで構成されています。
1つ目のドメイン(店舗ドメイン)・・・トップページ/商品関連ページ/カートページ 等 
2つ目のドメイン(決済ドメイン)・・・送付先入力ページ/購入完了ページ 等 
まず、サイトにアクセスし、ドメインを確認します。

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

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

  2. GMOメイクショップでは、2つ目のドメイン(セカンドドメイン)は、「www.makeshop.jp」となります。

【導入手順の概要】

本マニュアル記載の導入手順は、大きく分けて2つの手順に分かれています。
1. タグの設置
2. カスタム属性の登録

後述のecコンシェルタグでは、GMOメイクショップの商品情報・会員フラグ・ログイン状態をカスタム属性に連携しており、タグを全て設置いただくことで効果的な接客を実施いただけます。
<効果的な接客事例>
・ユーザーが興味のある閲覧商品と同じカテゴリの商品を訴求して、購入を促進する
・ユーザーの好みにあった前回購入商品と同じジャンルの限定商品を訴求して、購入を促進する
・非会員に対して会員限定キャンペーンを訴求し、新規会員獲得を促進する

カスタム属性をご利用いただくには、ecコンシェル管理画面にてカスタム属性の登録を行う必要がありますので、タグ設置と併せてご登録をお願いいたします。


【計測タグ】

計測タグの設置は、以下の手順に分かれています。全て実施をお願いいたします。
1. 【PC/モバイル・共通設定】
2. 【PC・商品情報連携1】
3. 【PC・商品情報連携2】
4. 【PC・会員フラグ/ログイン状態連携】
5. 【モバイル・商品情報連携】
6. 【モバイル・会員フラグ/ログイン状態連携】


  1. 【PC/モバイル・共通設定】
     1-1. GMOメイクショップ管理画面にログインし、上部メニューの プロモーション > タグの設定 > アクセス解析用のタグの設定を押下します。
    Makeshop_2.png


    1-2. 以下のScriptをコピーし、テキストエディタ等に貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます)
    <!-- ec concier -->
    <!-- 計測タグ -->
    <script>
    (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}]);
    document.addEventListener("DOMContentLoaded", function() {
      try{
        if(member_flag == "1"){
          ara.push(['custom_set', 'member_flg', member_flag]);
        };
        ara.push(['custom_set', 'login_flg', login_flag]);
      }catch (e) {}
      try{
        ara.push(['custom_set', 'goods_product_name', brandname]);
        ara.push(['custom_set', 'goods_system_code', systemcode]);
        ara.push(['custom_set', 'goods_price_excluding_tax', price]);
        ara.push(['custom_set', 'goods_price_including_tax', tax_price]);
        ara.push(['custom_set', 'goods_category_name', brandgroup]);
        ara.push(['custom_set', 'goods_consumer_price', consumeprice]);
        ara.push(['custom_set', 'goods_original_code', ubrandcode]);
        ara.push(['custom_set', 'goods_jan_code', jancode]);
      }catch (e) {}
    });
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->


    1-3. お客様のサイト識別子を確認、コピーし、手順1-2のScript内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


    1-4. 手順1-3で編集したScript内の「ファーストドメイン」(前後の「'」（シングルクォーテーション)は含めず)を【サイト構成の確認】にて確認したファーストドメインと置き換えます。
    ・以下の例はファーストドメインが「example.com」の場合の編集例となります。
    <!-- ec concier -->
    <!-- 計測タグ -->
    <script>
    (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/xxxxx/analytics.js','ara');
    ara.push(['init', 'xxxxx', {secondaryDomain:true}]);
    ara.push(['relayDomains', ['www.makeshop.jp','example.com'], {form_post:true}]);
    document.addEventListener("DOMContentLoaded", function() {
      try{
        if(member_flag == "1"){
          ara.push(['custom_set', 'member_flg', member_flag]);
        };
        ara.push(['custom_set', 'login_flg', login_flag]);
      }catch (e) {}
      try{
        ara.push(['custom_set', 'goods_product_name', brandname]);
        ara.push(['custom_set', 'goods_system_code', systemcode]);
        ara.push(['custom_set', 'goods_price_excluding_tax', price]);
        ara.push(['custom_set', 'goods_price_including_tax', tax_price]);
        ara.push(['custom_set', 'goods_category_name', brandgroup]);
        ara.push(['custom_set', 'goods_consumer_price', consumeprice]);
        ara.push(['custom_set', 'goods_original_code', ubrandcode]);
        ara.push(['custom_set', 'goods_jan_code', jancode]);
      }catch (e) {}
    });
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->


    1-5. アクセス解析用のタグの設定画面にて、手順1-3,1-4で編集したScriptを「アクセス解析タグの入力(bodyタグ用)」の入力欄に貼り付けます。
    貼り付けた後、「保存」ボタンを押下して内容を保存します。
    　　※既に別のタグが存在する場合、既存のタグは削除せず、最下部に本Scriptを貼り付けてください。
    Makeshop_3.png


    1-6. 以下のダイアログが表示されますので、「OK」を押下し、設定を完了します。
    Makeshop_4.png


  2. 【PC・商品情報連携1】
     2-1. 管理画面上部メニューの 独自デザイン > 商品詳細画面 を押下します。
    Makeshop_5.png


    2-2. 商品詳細ページ選択のプルダウンから、「カテゴリ共通デザイン」を選択します。
    Makeshop_6.png


    2-3. 以下のScriptをコピーします。
    (このテキストをクリックすると下記コードをコピーできます)
    <span id = "ecc_price" hidden>[PRICE]</span>
    <span id = "ecc_taxprice" hidden>[TAXPRICE]</span>
    <span id = "ecc_brandgroup" hidden>[BRANDGROUP]</span>
    <script>
    var brandname = '[BRANDNAME]';
    var systemcode = '[SYSTEM_CODE]';
    var price = document.getElementById('ecc_price').innerHTML;
    price = price.match(/[0-9,]+/)[0];
    price = Number(price.replace(/,/g, ""));
    var tax_price = document.getElementById('ecc_taxprice').innerHTML;
    tax_price = tax_price.match(/[0-9,]+/)[0];
    tax_price = Number(tax_price.replace(/,/g, ""));
    try{
      var brandgroup = document.getElementById('ecc_brandgroup').getElementsByTagName('h3')[0].textContent;
    }catch(e){brandgroup = ""}
    var consumeprice = '[CONSUMERPRICE]';
    consumeprice = Number(consumeprice.replace(/,/g, ""));
    var ubrandcode = '[UBRANDCODE]';
    </script>



    2-4. 手順2-3でコピーしたScriptを、「商品表示画面修正」のHTMLの最下部に貼り付けます。
    貼り付けた後、「保存」ボタンを押下して内容を保存します。
    Makeshop_7.png


    2-5. 以下のダイアログが表示されますので、「OK」を押下し、設定を完了します。
    Makeshop_8.png


  3. 【PC・商品情報連携2】
     3-1. 管理画面上部メニューのショップ作成 > SEO管理 > SEOの一括設定 を押下します。
    Makeshop_9.png


    3-2. SEOの一括設定のプルダウンより、「商品詳細」を選択します。
    Makeshop_10.png


    3-3. 以下のScriptをコピーします。
    (このテキストをクリックすると下記コードをコピーできます)
    <script>
    var jancode = '[jan]';
    </script>



    3-4. 以下の画面にて、「ボディタグ直下メッセージ」の入力欄に、手順3-3でコピーしたScriptを貼り付けます。
    貼り付けた後、「保存」ボタンを押下して、内容を保存します。
    　　※既に別の記述が存在する場合、既存の記述は削除せず、最下部に本Scriptを貼り付けてください。
    Makeshop_11.png


    3-5. 以下のダイアログが表示されますので、「OK」を押下し、設定を完了します。
    Makeshop_12.png


  4. 【PC・会員フラグ/ログイン状態連携】
     4-1. 管理画面上部メニューの 独自デザイン >上段メニュー管理 を押下します。
    Makeshop_13.png

    4-2. 以下のScriptをコピーします。
    (このテキストをクリックすると下記コードをコピーできます)
    <script>
    var member_status = '[VISIT]';
    function getMemberStatus(){
      if(/Logout/.test(member_status)){
        return "1";
      }else{
        return "0";
      };
    };
    var member_flag = getMemberStatus();
    var login_status = '[VISIT]';
    function getLoginStatus(){
      if(/Logout/.test(login_status)){
        return "1";
      }else{
        return "0";
      };
    };
    var login_flag = getLoginStatus();
    </script>


    4-3. 手順4-2でコピーしたScriptを、「上段メニュー」のHTMLの最下部に貼り付けます。
    貼り付けた後、「保存」ボタンを押下して内容を保存します。
    Makeshop_14.png

  5. 【モバイル・商品情報連携】
    5-1. 管理画面上部メニューの 独自デザイン > スマホ > 使用中のテンプレート右の「編集」を押下します。
    Makeshop_15.png


    5-2. デザインセット編集画面一覧にて、「商品詳細画面」を押下します。
    Makeshop_16.png


    5-3. 以下のScriptをコピーします。
    (このテキストをクリックすると下記コードをコピーできます)
    <span id = "ecc_brandgroup" hidden><{$brand_group}></span>
    <script>
    var brandname = '<{$name}>';
    var systemcode = '<{$system_code}>';
    var price = '<{$selling_price}>';
    price = Number(price.replace(/,/g, ""));
    var tax_price = '<{$price}>';
    tax_price = Number(tax_price.replace(/,/g, ""));
    try{
      var brandgroup = document.getElementById('ecc_brandgroup').getElementsByTagName('h4')[0].textContent;
    }catch(e){brandgroup = ""}
    var consumeprice = '<{$consume_price}>';
    consumeprice = Number(consumeprice.replace(/,/g, ""));
    var ubrandcode = '<{$original_code}>';
    </script>


    5-4. 「HTML編集」の最下部に、手順5-3でコピーしたScriptを貼り付けます。
    貼り付けた後、「保存」ボタンを押下して、内容を保存します。
    Makeshop_17.png


    5-5. 以下のダイアログが順に表示されますので、それぞれ「OK」を押下して、設定を完了します。
    Makeshop_18.png

    Makeshop_19.png


  6. 【モバイル・会員フラグ/ログイン状態連携】
     6-1. 管理画面上部メニューの 独自デザイン >スマホ > 使用中のテンプレート右の「編集」を押下します。
    Makeshop_20.png

    6-2. デザインセット編集画面一覧にて、「ヘッダー」を押下します。
    Makeshop_21.png

    6-3. ヘッダーデザイン一覧画面にて、利用中のデザイン右の「編集」を押下します。
    Makeshop_22.png

    6-4. 以下のScriptをコピーします。
    (このテキストをクリックすると下記コードをコピーできます)
    <script>
    var member_status = '<{$login_txt}>';
    function getMemberStatus(){
      if(member_status == 'ログアウト'){
        return "1";
      }else{
        return "0";
      };
    };
    var member_flag = getMemberStatus();
    var login_status = '<{$login_txt}>';
    function getLoginStatus(){
      if(login_status == 'ログアウト'){
        return "1";
      }else{
        return "0";
      };
    };
    var login_flag = getLoginStatus();
    </script>


    6-5. 「HTML編集」の最下部に、手順6-4でコピーしたScriptを貼り付けます。
    貼り付けた後、「保存」ボタンを押下して、内容を保存します。
    Makeshop_23.png

【カートタグ】

カートタグの設置は、以下の手順に分かれています。全て実施をお願いいたします。
1. 【PC・タグ設置/商品情報連携】
2. 【モバイル・タグ設置/商品情報連携】


  1. 【PC・タグ設置/商品情報連携】
     1-1. 管理画面上部メニューの 独自デザイン > 買い物かご画面 を押下します。
    Makeshop_24.png


    1-2. 以下のScriptをコピーし、テキストエディタ等に貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます)
    <!-- 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 -->


    1-3. お客様のサイト識別子を確認、コピーし、手順1-2のScript内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


    1-4. 「買い物かご作業」のHTML内から以下のコードを検索します。
    (このテキストをクリックすると下記コードをコピーできます)
    <dd class="totalPrice"><em>[BASKET_TOTALPRICE] (税込)</em></dd>


    1-5. 手順1-4で検索したコードの直後に、手順1-3で編集したScriptを貼り付けます。
    ※貼り付け箇所はHTMLの最下部ではなく、手順1-4で検索したコードの直後に貼り付けていただく必要があります。
    貼り付けた後、「保存」ボタンを押下し、内容を保存します。
    Makeshop_25.png
    ※ここでは「保存」ボタンの押下後、ダイアログは表示されませんので、正しく保存されたかどうかご確認下さい。


  2. 【モバイル・タグ設置/商品情報連携】
     2-1. 管理画面上部メニューの 独自デザイン > スマホ > 使用中のテンプレート右の「編集」を押下します。
    Makeshop_26.png


    2-2. デザインセット編集画面一覧にて、「買い物カゴ画面」を押下します。
    makeshop_27.png


    2-3. 以下のScriptをコピーし、テキストエディタ等に貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます)
    <!-- ec concier -->
    <!-- カートタグ -->
    <script>
    var cart_array = {
      PRODUCT_NAME: 0, PRODUCT_TAXPRICE: 1, PRODUCT_URL: 2, PRODUCT_IMAGE_PATH: 3
    };
    var ITEMS = new Array(Object.keys(cart_array).length);
    for (var i = 0; i < ITEMS.length; i++) {
      ITEMS[i] = [];
    };
    <{$loop_basket}>
      ITEMS[0].push('<{$basket.name}>');
      ITEMS[1].push('<{$basket.price}>');
      ITEMS[2].push('<{$basket.detail_url}>');
      ITEMS[3].push('<{$basket.img_path}>');
    <{$loopend_basket}>
    for (var i = 0; i < ITEMS[1].length; i++) {
      ITEMS[1][i] = ITEMS[1][i].replace(/,/g, "");
    };
    for (var i = 0; i < ITEMS.length; i++) {
      ITEMS[i] = ITEMS[i].filter(function(value, index, array) { return value.length > 0 }).join(',');
    };
    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}]);
    ara.push(['custom_set', 'cart_product_name', ITEMS[cart_array.PRODUCT_NAME]]);
    ara.push(['custom_set', 'cart_price_including_tax', ITEMS[cart_array.PRODUCT_TAXPRICE]]);
    ara.push(['custom_set', 'cart_product_url', ITEMS[cart_array.PRODUCT_URL]]);
    ara.push(['custom_set', 'cart_image_path', ITEMS[cart_array.PRODUCT_IMAGE_PATH]]);
    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 -->


    2-4. お客様のサイト識別子を確認、コピーし、手順2-3のScript内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


    2-5. 「HTML編集」内から以下のコードを検索します。
    (このテキストをクリックすると下記コードをコピーできます)
    <div class="totalPrice"><{$basket_totalprice}>円</div>


    2-6. 手順2-5で検索したコードの直後に、手順2-4で編集したScriptを貼り付けます。
    ※貼り付け箇所はHTMLの最下部ではなく、手順2-5で検索したコードの直後に貼り付けていただく必要があります。
    貼り付けた後、「保存」ボタンを押して、内容を保存します。
    Makeshop_28.png


    2-7. 以下のダイアログが順に表示されますので、それぞれ「OK」を押下して、設定を完了します。
    Makeshop_29.png

    Makeshop_30.png


【コンバージョンタグ】

  1. 管理画面上部メニューの プロモーション > タグの設定 > コンバージョンタグの設定 を押下します。
    Makeshop_31.png

  2. 以下の各Scriptをコピーし、テキストエディタ等に貼り付けます。
    2-1. 開始部用Script
    (このテキストをクリックすると下記コードをコピーできます)
    <!-- 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}]);
    var purchase_array = {
      PRODUCT_NAME: 0, PRODUCT_SYSTEM_CODE: 1, PRODUCT_NOTAXPRICE: 2, PRODUCT_TAXPRICE: 3,  PRODUCT_QUANTITIY: 4, PRODUCT_URL: 5, PRODUCT_SHOP_CODE: 6, PRODUCT_CATEGORY: 7
    };
    var IA = new Array(Object.keys(purchase_array).length);
    for (var i = 0; i < IA.length; i++) {
      IA[i] = [];
    };
    function setEccCustom(){
      for (var i = 0; i < IA.length; i++) {
        IA[i] = IA[i].filter(function(value, index, array) { return value.length >= 0 }).join(',');
      };
      ara.push(['custom_set', 'purchase_product_name', decodeURIComponent(IA[purchase_array.PRODUCT_NAME])]);
      ara.push(['custom_set', 'purchase_system_code', IA[purchase_array.PRODUCT_SYSTEM_CODE]]);
      ara.push(['custom_set', 'purchase_price_excluding_tax', IA[purchase_array.PRODUCT_NOTAXPRICE]]);
      ara.push(['custom_set', 'purchase_price_including_tax', IA[purchase_array.PRODUCT_TAXPRICE]]);
      ara.push(['custom_set', 'purchase_quantity', IA[purchase_array.PRODUCT_QUANTITIY]]);
      ara.push(['custom_set', 'purchase_product_path', decodeURIComponent(IA[purchase_array.PRODUCT_URL])]);
      ara.push(['custom_set', 'purchase_original_code', IA[purchase_array.PRODUCT_SHOP_CODE]]);
      ara.push(['custom_set', 'purchase_product_category', IA[purchase_array.PRODUCT_CATEGORY]]);
    };

    2-2. 繰り返し部用Script
    (このテキストをクリックすると下記コードをコピーできます)
    IA[0].push('[ITEM_NAME_UTF8_127]');
    IA[1].push('[ITEM_CD_SYS]');
    IA[2].push('[ITEM_PRICE_NOTAX]');
    IA[3].push('[ITEM_PRICE_TAX]');
    IA[4].push('[ITEM_COUNT]');
    IA[5].push('[ITEM_URL]');
    IA[6].push('[ITEM_CD_SHOP]');
    IA[7].push('[ITEM_CATEGORY]');

    2-3. 終了部用Script
    (このテキストをクリックすると下記コードをコピーできます)
    setEccCustom();
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->


  3. お客様のサイト識別子を確認、コピーし、2-1.開始部用Script内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


  4. 手順3で編集した、2-1.開始部用Script内の「ファーストドメイン」(前後の「'」（シングルクォーテーション)は含めず)を「サイト構成の確認」にて確認したファーストドメインと置き換えます。
    ・以下の例はファーストドメインが「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/xxxxx/analytics.js','ara');
    ara.push(['init', 'xxxxx', {secondaryDomain:true}]);
    ara.push(['goal', {sumValue: ecconcier_totalPrice}]);
    ara.push(['relayDomains', ['example.com'], {form_post:true}]);
    var purchase_array = {
      PRODUCT_NAME: 0, PRODUCT_SYSTEM_CODE: 1, PRODUCT_NOTAXPRICE: 2, PRODUCT_TAXPRICE: 3,  PRODUCT_QUANTITIY: 4, PRODUCT_URL: 5, PRODUCT_SHOP_CODE: 6, PRODUCT_CATEGORY: 7
    };
    var IA = new Array(Object.keys(purchase_array).length);
    for (var i = 0; i < IA.length; i++) {
      IA[i] = [];
    };
    function setEccCustom(){
      for (var i = 0; i < IA.length; i++) {
        IA[i] = IA[i].filter(function(value, index, array) { return value.length >= 0 }).join(',');
      };
      ara.push(['custom_set', 'purchase_product_name', decodeURIComponent(IA[purchase_array.PRODUCT_NAME])]);
      ara.push(['custom_set', 'purchase_system_code', IA[purchase_array.PRODUCT_SYSTEM_CODE]]);
      ara.push(['custom_set', 'purchase_price_excluding_tax', IA[purchase_array.PRODUCT_NOTAXPRICE]]);
      ara.push(['custom_set', 'purchase_price_including_tax', IA[purchase_array.PRODUCT_TAXPRICE]]);
      ara.push(['custom_set', 'purchase_quantity', IA[purchase_array.PRODUCT_QUANTITIY]]);
      ara.push(['custom_set', 'purchase_product_path', decodeURIComponent(IA[purchase_array.PRODUCT_URL])]);
      ara.push(['custom_set', 'purchase_original_code', IA[purchase_array.PRODUCT_SHOP_CODE]]);
      ara.push(['custom_set', 'purchase_product_category', IA[purchase_array.PRODUCT_CATEGORY]]);
    };



  5. 「コンバージョンタグ設定」を以下のように設定します。
    設定した後、「保存」ボタンを押下して内容を保存します。

    5-1. 出力設定：出力する　にチェックを入れます。

    5-2. コンバージョンタグ名：ec_concier_conversion　を入力します。

    5-3. 出力画面：プルダウンから、注文完了画面　を選択します。

    5-4. 出力箇所：</body>の前　を選択します。

    5-5. コンバージョンタグ設定 > 開始部：2-1.開始部用Script(手順3,4にて編集したもの)を貼り付けます。

    5-6. コンバージョンタグ設定 > 繰り返し部：2-2.繰り返し部用Scriptを貼り付けます。

    5-7. コンバージョンタグ設定 > 終了部：2-3.終了部用Scriptを貼り付けます。

    5-8. 「保存」ボタンを押下して、入力内容を保存します。

    Makeshop_32.png


  6. 以下のダイアログが表示されますので、「OK」を押下し、編集を完了します。
    Makeshop_33.png


  7. コンバージョンタグ一覧に「ec_concier_conversion」が追加されたことを確認して、設置完了です。
    Makeshop_34.png


【カスタム属性の登録】

カスタム属性を活用した効果的な接客を実施するために、以下の1,2,3,4のカスタム属性を登録します。
登録手順は、後述の【カスタム属性の登録手順】をご参照下さい。

※カスタム属性の詳細はこちらをご参照下さい。


1. 【PC/モバイル】独自デザイン編集が可能なページでの連携項目の登録(※1)
 ・「会員フラグ」は一度ログインすれば、以降"1"が連携されたまま(会員として判断し続ける)となります。

カスタム属性名 カスタム属性のキー データ種別 値の一例
会員フラグ
(コピーする)		 member_flg
(コピーする)		 文字列 会員(ログイン経験有り)なら"1"(※2)
ログイン状態
(コピーする)		 login_flg
(コピーする)		 文字列 ログイン状態なら"1"
ログアウト状態なら"0"

※1：送付先入力、決済・配送方法選択、注文内容確認、購入完了ページではカスタム属性に連携されません。そのため、決済画面直前にログインをした場合、送付先入力ページ以降で接客条件に利用することは出来ません。

※2：非会員にのみ接客したい場合は、カスタム属性の条件を「会員フラグ　が　未設定」に設定することで可能です。



2. 【PC/モバイル】商品詳細ページでの連携項目の登録
 ・最後に閲覧した商品の情報が連携され、他ページへの遷移後や再訪問時にも接客条件に利用が可能です。

カスタム属性名 カスタム属性のキー データ種別 値の一例
閲覧_商品名
(コピーする)		 goods_product_name
(コピーする)		 文字列 プリント半袖Tシャツ
閲覧_システム商品コード
(コピーする)		 goods_system_code
(コピーする)		 文字列 000000000001
閲覧_商品価格(税抜)
(コピーする)		 goods_price_excluding_tax
(コピーする)		 数値 1000
閲覧_商品価格(税込)
 (コピーする)		 goods_price_including_tax
 (コピーする)		 数値 1100
閲覧_商品価格(定価)
 (コピーする)		 goods_consumer_price
 (コピーする)		 数値 2000
閲覧_商品グループ
(コピーする)		 goods_category_name
(コピーする)		 文字列 ブランド
レディース
閲覧_独自商品コード
 (コピーする)		 goods_original_code
 (コピーする)		 文字列 Tshirt001

閲覧_JANコード(※3)
(コピーする)

 goods_jan_code
 (コピーする)		 文字列 1234567890123

※3：PCサイトでのみ連携が可能なため、モバイルサイトでは接客条件に活用いただくことが出来ません。


3. 【モバイル】カートページでの連携項目の登録(※4)
 ・最後に確認したカート内の商品情報が連携され、他ページへの遷移後や再訪問時にも接客条件に利用が可能です。

カスタム属性名 カスタム属性のキー データ種別 値の一例(※5)
カート_商品名
(コピーする)		 cart_product_name
(コピーする)		 文字列 デニムジャケット,ダイヤモンドのネックレス
カート_商品価格(税込)
(コピーする)		 cart_price_including_tax
(コピーする)		 文字列 2200,44000
カート_商品URL
(コピーする)		 cart_product_url
(コピーする)		 文字列 detail.html?id=000000000002,detail.html?id=000000000004
カート_商品画像パス
(コピーする)		 cart_image_path
(コピーする)		 文字列 https://xxx-makeshop.akamaized.net/smartphone/images/yyy.png,https://xxx-makeshop.akamaized.net/smartphone/images/zzz.png

※4：PCサイトでは商品情報が連携できないため、接客条件に利用いただくことが出来ません。

※5：カート内に商品が複数入っている場合、各商品の情報がカンマ区切りで1つの文字列として取得されます。


4. 【PC/モバイル】購入完了ページでの連携項目の登録
 ・前回購入(最後に購入)した商品の情報が連携され、他ページへの遷移後や再訪問時にも接客条件に利用が可能です。

カスタム属性名 カスタム属性のキー データ種別 値の一例(※6)
購入_商品名
(コピーする)		 purchase_product_name
(コピーする)		 文字列 刺繍ロゴ入りポロシャツ,タオル生地ハンカチ
購入_システム商品コード
(コピーする)		 purchase_system_code
(コピーする)		 文字列 000000000003,000000000005
購入_商品価格(税抜)
(コピーする)		 purchase_price_excluding_tax
(コピーする)		 文字列 30000,5000
購入_商品価格(税込)
(コピーする)		 purchase_price_including_tax
(コピーする)		 文字列 33000,5500
購入_商品購入数量
(コピーする)		 purchase_quantity
(コピーする)		 文字列 1,3
購入_商品URL
(コピーする)		 purchase_product_path
(コピーする)		 文字列 http://xxx.yyy.makeshop.jp/shopdetail/000000000003,
http://xxx.yyy.makeshop.jp/shopdetail/000000000005
購入_独自商品コード
(コピーする)		 purchase_original_code
(コピーする)		 文字列 Poloshirt003,Handkerchief005
購入_商品カテゴリー
(コピーする)		 purchase_product_category
(コピーする)		 文字列 ポロシャツ,ハンカチ

※6：商品を複数購入した場合、各商品の情報がカンマ区切りで1つの文字列として取得されます。


【カスタム属性の登録手順】

上記の1,2,3,4のカスタム属性の登録をします。

  1. ecコンシェル管理画面左メニューの 属性データ > カスタム属性 を押下します。
    Makeshop_35.png


  2. カスタム属性の設定画面 > カスタム属性の追加にて、以下のように入力します。
    ※上記1,2,3,4の全てのカスタム属性について、以下の手順の実施をお願いいたします。

    2-1. カスタム属性名：上記表の「カスタム属性名」からコピーし、入力します。

    2-2. キー：上記表の「カスタム属性のキー」からコピーし、入力します。

    2-3. データ種別：上記表の「データ種別」と同じものを選択します。

    2-4. 「完了する」ボタンを押下して、登録を完了します。
    Makeshop_36.png


【カスタム属性登録後のイメージ】

商品詳細ページのカスタム属性の登録が完了した際の状態は以下となります。
Makeshop_37.png


【キャンペーンの登録】

カスタム属性を利用した接客条件は、キャンペーン編集画面 > だれに > カスタム属性・インポート属性によるセグメント　にて設定します。
・キャンペーン設定「だれに」の登録方法はこちらをご参照ください。
・カスタム属性の条件設定方法はこちら(２−３．キャンペーン登録)をご参照下さい。

以下カスタム属性を利用した効果的な接客事例となりますので、是非ご活用下さい。

例1：閲覧商品の関連商品を訴求

閲覧した商品と同じ商品グループの商品や関連商品を訴求することで、購入を促進します。
配信条件の設定例は以下となります。
Makeshop_38.png


例2：リピートユーザーに同じカテゴリーの商品を訴求

前回購入商品と同じカテゴリーの限定商品を訴求し、購入を促進します。
配信条件の設定例は以下となります。
Makeshop_39.png



例3：非会員ユーザーの会員登録を促進

非会員(ログイン経験なしのユーザー＝非会員として判断)に会員限定キャンペーンを訴求し、会員登録を促進します。
配信条件の設定例は以下となります。makeshop_40.png