ebisumart – ecコンシェルサポートサイト

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

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

【注意事項】

以下はecコンシェルの設置方法の一例となっておりますので、貴社テストサイト等での動作をご確認いただき、本番サイトに導入するようお願いいたします。
計測タグ、カートタグ、コンバージョンタグを同一のドメインに設置する場合のみ動作いたします。
※ページ構成についてはお手数ですが、カートASP事業者様にご確認くださいますようお願いいたします。

【タグ設置手順の概要】

以下のタグ設置手順は、大きく分けて2つの手順に分かれています。
1. タグの設置
2. カスタム属性の登録

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

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

【計測タグ】

ebisumartの管理画面にログインし、左メニューの「データ解析」 > 「タグマネージャ」から
「タグルール新規登録/一覧」を開きます。
新規登録ボタンを押下します。
タグルール名：全画面表示対象
出力ページ：全画面　を選択し、確認ボタンを押下します。
登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
管理画面左メニューの「データ解析」 > 「タグマネージャ」から「タグ新規登録/一覧」を開きます。
新規登録ボタンを押下します。

以下の項目を入力し、確認ボタンを押下します。
※以下タグサンプル内の「サイト識別子」は別途確認いただき、お客様のサイト識別子に置き換えて下さい。(前後の「'」（シングルクォーテーション）は含めず)
お客様のサイト識別子の確認方法はこちらをご参照下さい。
・タグコード：ec01
・タグ名：ecコンシェル計測タグ
・タグタイプ：カスタムHTML
・タグHTML：以下タグサンプルの通り
・タグ出力個所：下部
・タグ表示ルール：全画面表示対象

(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル計測タグ -->
<script>
(function(w,d,url,a,s,e){
  w[a]= (w[a]=w[a]||[]);s = d.getElementsByTagName("script")[0];
  e =d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
ara.push(['init', 'サイト識別子']);
try{
  ara.push(['custom_set', 'goods_product_name', goods_name]);
  ara.push(['custom_set', 'goods_system_code', goods_id]);
  ara.push(['custom_set', 'goods_price_including_tax', goods_price]);
  ara.push(['custom_set', 'goods_member_price_including_tax', goods_member_price]);
  ara.push(['custom_set', 'goods_category_name', goods_category]);
}catch (e) {}
if(member_flag == "1"){
  ara.push(['custom_set', 'member_flg', member_flag]);
};
if(/.+/.test(member_rank)){
  ara.push(['custom_set', 'member_stage_name', member_rank]);
};
ara.push(['custom_set', 'login_flg', login_flag]);
</script>
<!-- /ecコンシェル計測タグ -->

登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
「データ解析」 > 「タグマネージャ」 > 「タグルール新規登録/一覧」にて、手順1~4にて登録したタグルール「全画面表示対象」右の、編集ボタンを押下します。
「表示区分」を、「非表示」から「表示」に変更し、確認ボタンを押下 > 更新ボタンを押下して変更を完了して下さい。
※「表示」に変更完了したタイミングで、タグが出力されます。

【閲覧商品情報連携】

管理画面左メニューの「コンテンツ管理」 > 「テンプレート管理」を押下します。
サーバーフォルダーツリーより、view > userweb > item_detail.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル閲覧商品情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_goods_name">
    <span m:id="ITEM_NAME_HERE"></span>
  </div>
  <div id="ecc_goods_category">
    <span m:id="CATEGORY_NAME_HERE"></span>
  </div>
  <div id="ecc_goods_id">
    <span m:id="ITEM_CODE_HERE"></span>
  </div>
  <div id="ecc_goods_price">
    <span m:id="TEIKA_PRICE_HERE" m:tax="zeikomi"></span>
  </div>
  <div id="ecc_goods_member_price">
    <span m:id="DISCOUNT_PRICE_HERE" m:tax="zeikomi"></span>
  </div>
</div>
<script>
var goods_name = document.getElementById('ecc_goods_name').innerHTML;
goods_name = goods_name.replace(/^\s+|\s+$/g, "");
var goods_id = document.getElementById('ecc_goods_id').innerHTML;
goods_id = goods_id.replace(/^\s+|\s+$/g, "");
var goods_price = document.getElementById('ecc_goods_price').innerHTML;
goods_price = goods_price.replace(/^\s+|\s+$|,|円/g, "");
var goods_member_price = document.getElementById('ecc_goods_member_price').innerHTML;
goods_member_price = goods_member_price.replace(/^\s+|\s+$|,|円/g, "");
try{
  var goods_category = document.getElementById('ecc_goods_category').innerHTML;
  goods_category = goods_category.replace(/^\s+|\s+$/g, "");
}catch(e){goods_category = ""}
</script>
<!-- /ecコンシェル閲覧商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。
スマートフォンサイトにも同じ様にスクリプトを設置します。
サーバフォルダツリーより、view > smartphone > item_detail.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル閲覧商品情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_goods_name">
    <span m:id="ITEM_NAME_HERE"></span>
  </div>
  <div id="ecc_goods_category">
    <span m:id="CATEGORY_NAME_HERE"></span>
  </div>
  <div id="ecc_goods_id">
    <span m:id="ITEM_CODE_HERE"></span>
  </div>
  <div id="ecc_goods_price">
    <span m:id="TEIKA_PRICE_HERE" m:tax="zeikomi"></span>
  </div>
  <div id="ecc_goods_member_price">
    <span m:id="DISCOUNT_PRICE_HERE" m:tax="zeikomi"></span>
  </div>
  </div>
<script>
var goods_name = document.getElementById('ecc_goods_name').innerHTML;
goods_name = goods_name.replace(/^\s+|\s+$/g, "");
var goods_id = document.getElementById('ecc_goods_id').innerHTML;
goods_id = goods_id.replace(/^\s+|\s+$/g, "");
var goods_price = document.getElementById('ecc_goods_price').innerHTML;
goods_price = goods_price.replace(/^\s+|\s+$|,|円/g, "");
var goods_member_price = document.getElementById('ecc_goods_member_price').innerHTML;
goods_member_price = goods_member_price.replace(/^\s+|\s+$|,|円/g, "");
try{
  var goods_category = document.getElementById('ecc_goods_category').innerHTML;
  goods_category = goods_category.replace(/^\s+|\s+$/g, "");
}catch(e){goods_category = ""}
</script>
<!-- /ecコンシェル閲覧商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。

【会員情報連携】

サーバーフォルダーツリーより、view > userweb > common > footer.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
※<body>タグの直後に「」の記述がある場合は、その記述の直後に貼り付けてください。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル会員情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_member_id">
    <span m:id="common.MEMBER_ID_HERE"></span>
  </div>
  <div id="ecc_member_rank">
    <span m:id="common.MEMBER_RANK_NAME_HERE"></span>
  </div>
</div>
<script>
try{
  var member_rank = document.getElementById('ecc_member_rank').innerHTML;
  member_rank = member_rank.replace(/^\s+|\s+$/g, "");
}catch (e) {member_rank = "";}
try{
  var member_status = document.getElementById('ecc_member_id').innerHTML;
  member_status = member_status.replace(/^\s+|\s+$/g, "");
}catch (e) {member_status = "";}
function getMemberStatus(){
  if(/.+/.test(member_status)){
    return "1";
  }else{
    return "0";
  };
};
var member_flag = getMemberStatus();
try{
  var login_status = document.getElementById('ecc_member_id').innerHTML;
  login_status = login_status.replace(/^\s+|\s+$/g, "");
}catch (e) {login_status = "";}
function getLoginStatus(){
  if(/.+/.test(login_status)){
    return "1";
  }else{
    return "0";
  };
};
var login_flag = getLoginStatus();
</script>
<!-- /ecコンシェル会員情報連携 -->

「保存」ボタンを押下して、内容を保存します。
サーバーフォルダーツリーより、 view > userweb > common > footer_cart.xhtml を押下します。

<!-- ecコンシェル会員情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_member_id">
    <span m:id="common.MEMBER_ID_HERE"></span>
  </div>
  <div id="ecc_member_rank">
    <span m:id="common.MEMBER_RANK_NAME_HERE"></span>
  </div>
</div>
<script>
try{
  var member_rank = document.getElementById('ecc_member_rank').innerHTML;
  member_rank = member_rank.replace(/^\s+|\s+$/g, "");
}catch (e) {member_rank = "";}
try{
  var member_status = document.getElementById('ecc_member_id').innerHTML;
  member_status = member_status.replace(/^\s+|\s+$/g, "");
}catch (e) {member_status = "";}
function getMemberStatus(){
  if(/.+/.test(member_status)){
    return "1";
  }else{
    return "0";
  };
};
var member_flag = getMemberStatus();
try{
  var login_status = document.getElementById('ecc_member_id').innerHTML;
  login_status = login_status.replace(/^\s+|\s+$/g, "");
}catch (e) {login_status = "";}
function getLoginStatus(){
  if(/.+/.test(login_status)){
    return "1";
  }else{
    return "0";
  };
};
var login_flag = getLoginStatus();
</script>
<!-- /ecコンシェル会員情報連携 -->

「保存」ボタンを押下して、内容を保存します。
スマートフォンサイトにも同じ様にスクリプトを設置します。
サーバーフォルダーツリーより、 view > smartphone > common > footer.xhtml を押下します。

<!-- ecコンシェル会員情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_member_id">
    <span m:id="common.MEMBER_ID_HERE"></span>
  </div>
  <div id="ecc_member_rank">
    <span m:id="common.MEMBER_RANK_NAME_HERE"></span>
  </div>
  </div>
<script>
try{
  var member_rank = document.getElementById('ecc_member_rank').innerHTML;
  member_rank = member_rank.replace(/^\s+|\s+$/g, "");
}catch (e) {member_rank = "";}
try{
  var member_status = document.getElementById('ecc_member_id').innerHTML;
  member_status = member_status.replace(/^\s+|\s+$/g, "");
}catch (e) {member_status = "";}
function getMemberStatus(){
  if(/.+/.test(member_status)){
    return "1";
  }else{
    return "0";
  };
};
var member_flag = getMemberStatus();
try{
  var login_status = document.getElementById('ecc_member_id').innerHTML;
  login_status = login_status.replace(/^\s+|\s+$/g, "");
}catch (e) {login_status = "";}
function getLoginStatus(){
  if(/.+/.test(login_status)){
    return "1";
  }else{
    return "0";
  };
};
var login_flag = getLoginStatus();
</script>
<!-- /ecコンシェル会員情報連携 -->

「保存」ボタンを押下して、内容を保存します。
サーバーフォルダーツリーより、 view > smartphone > common > footer_cart.xhtml を押下します。

<!-- ecコンシェル会員情報連携 -->
<div id="ecc_test" hidden>
  <div id="ecc_member_id">
    <span m:id="common.MEMBER_ID_HERE"></span>
  </div>
  <div id="ecc_member_rank">
    <span m:id="common.MEMBER_RANK_NAME_HERE"></span>
  </div>
  </div>
<script>
try{
  var member_rank = document.getElementById('ecc_member_rank').innerHTML;
  member_rank = member_rank.replace(/^\s+|\s+$/g, "");
}catch (e) {member_rank = "";}
try{
  var member_status = document.getElementById('ecc_member_id').innerHTML;
  member_status = member_status.replace(/^\s+|\s+$/g, "");
}catch (e) {member_status = "";}
function getMemberStatus(){
  if(/.+/.test(member_status)){
    return "1";
  }else{
    return "0";
  };
};
var member_flag = getMemberStatus();
try{
  var login_status = document.getElementById('ecc_member_id').innerHTML;
  login_status = login_status.replace(/^\s+|\s+$/g, "");
}catch (e) {login_status = "";}
function getLoginStatus(){
  if(/.+/.test(login_status)){
    return "1";
  }else{
    return "0";
  };
};
var login_flag = getLoginStatus();
</script>
<!-- /ecコンシェル会員情報連携 -->

「保存」ボタンを押下して、内容を保存します。

【カートタグ】

管理画面左メニューの「データ解析」 > 「タグマネージャ」から「タグルール新規登録/一覧」を開きます。
新規登録ボタンを押下します。
タグルール名：カートフロー表示対象
出力ページ：カートフロー　を選択し、確認ボタンを押下します。
登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
管理画面左メニューの「データ解析」 > 「タグマネージャ」から「タグ新規登録/一覧」を開きます。
新規登録ボタンを押下します。

以下の項目を入力し、確認ボタンを押下します。
※以下タグサンプル内の「サイト識別子」は別途確認いただき、お客様のサイト識別子に置き換えて下さい。(前後の「'」（シングルクォーテーション）は含めず)
お客様のサイト識別子の確認方法はこちらをご参照下さい。
タグコード：ec02
タグ名：ecコンシェルカートタグ
タグタイプ：カスタムHTML
タグHTML：以下タグサンプルの通り
タグ出力個所：下部
タグ表示ルール：カートフロー表示対象

(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェルカートタグ -->
<script>
var cartPath = 'cart_index.html';
var pagePath = location.pathname;
if (pagePath.indexOf(cartPath) !== -1) {
  var ecc_cart_price = document.getElementsByClassName('ecc_cart_gokei')[0].innerHTML.replace(/^\s+|\s+$/g, "");
  ecc_cart_price = ecc_cart_price.replace(/,|円/g, "");
  (function(w,d,url,a,s,e){
    w[a]= (w[a]=w[a]||[]);
    s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
  })(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
  ara.push(['init','サイト識別子']);
  ara.push(['cart', {cartPrice:ecc_cart_price}]);
  var cart_array = {
    NAME: 0, AMOUNT: 1, TANKA: 2, SYOKEI: 3
  };
  var ITEMS = new Array(Object.keys(cart_array).length);
  for (var i = 0; i < ITEMS.length; i++) {
    ITEMS[i] = [];
  };
  var ecc_cart_count = Number(document.getElementsByClassName('ecc_cart_count')[0].innerHTML.replace(/^\s+|\s+$/g, ""));
  for (var i = 0; i < ecc_cart_count; i++) {
    ITEMS[cart_array.NAME].push(document.getElementsByClassName('ecc_cart_name')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
    ITEMS[cart_array.AMOUNT].push(document.getElementsByClassName('ecc_cart_total_count')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
    ITEMS[cart_array.TANKA].push(document.getElementsByClassName('ecc_cart_price')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
    ITEMS[cart_array.SYOKEI].push(document.getElementsByClassName('ecc_cart_syokei')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
  };
  for (var i = 0; i < ecc_cart_count; i++) {
    ITEMS[cart_array.TANKA][i] = ITEMS[cart_array.TANKA][i].replace(/,|円/g, "");
    ITEMS[cart_array.SYOKEI][i] = ITEMS[cart_array.SYOKEI][i].replace(/,|円/g, "");
  };
  var cart_total_amount = 0;
  for (var i = 0; i < ecc_cart_count; i++) {
    cart_total_amount += Number(ITEMS[cart_array.AMOUNT][i]);
  };
  for (var i = 0; i < ITEMS.length; i++) {
    ITEMS[i] = ITEMS[i].filter(function(value, index, array) { return value.length > 0 }).join(',');
  };
  var ecc_cart_id = document.getElementsByClassName('ecc_cart_code_list')[0].innerHTML.replace(/^\s+|\s+$/g, "");
  ara.push(['custom_set', 'cart_product_name', ITEMS[cart_array.NAME]]);
  ara.push(['custom_set', 'cart_product_id', ecc_cart_id]);
  ara.push(['custom_set', 'cart_quantity', ITEMS[cart_array.AMOUNT]]);
  ara.push(['custom_set', 'cart_total_quantity', cart_total_amount]);
  ara.push(['custom_set', 'cart_price_including_tax', ITEMS[cart_array.TANKA]]);
  ara.push(['custom_set', 'cart_product_price_with_options_including_tax', ITEMS[cart_array.SYOKEI]]);
};
</script>
<!-- /ecコンシェルカートタグ -->

登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
「データ解析」 > 「タグマネージャ」 > 「タグルール新規登録/一覧」にて、手順1~4にて登録したタグルール「カートフロー表示対象」右の、編集ボタンを押下します。
「表示区分」を、「非表示」から「表示」に変更し、確認ボタンを押下 > 更新ボタンを押下して変更を完了して下さい。
※「表示」に変更完了したタイミングで、タグが出力されます。

【カート投入商品情報連携】

管理画面左メニューの「コンテンツ管理」 > 「テンプレート管理」を押下します。
サーバーフォルダーツリーより、view > userweb > cart_index.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェルカート商品情報連携 -->
<div id="ecc_test" hidden>
  <div m:id="LOOP_ITEM">
    <div class="ecc_cart_name">
      <span m:id="ITEM_NAME_HERE"></span>
    </div>
    <div class="ecc_cart_total_count">
      <span m:id="ITEM_AMOUNT_HERE"></span>
    </div>
    <div class="ecc_cart_price">
      <span m:id="TANKA_HERE"></span>
    </div>
    <div class="ecc_cart_syokei">
      <span m:id="common.CART_ITEM_SYOKEI_ZEIKOMI_HERE"></span>
    </div>
  </div>
  <div class="ecc_cart_code_list">
    <span m:id="common.CART_ITEM_CODE_LIST_HERE"></span>
  </div>
  <div class="ecc_cart_count">
    <span m:id="common.CART_ITEM_COUNT_HERE"></span>
  </div>
  <div class="ecc_cart_gokei">
    <span m:id="common.CART_SYOKEI_ZEIKOMI_HERE"></span>
  </div>
</div>
<!-- /ecコンシェルカート商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。
スマートフォンサイトにも同じ様にスクリプトを設置します。
サーバーフォルダーツリーより、view > smartphone > cart_index.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェルカート商品情報連携 -->
<div id="ecc_test" hidden>
  <div m:id="LOOP_ITEM">
    <div class="ecc_cart_name">
      <span m:id="ITEM_NAME_HERE"></span>
    </div>
    <div class="ecc_cart_total_count">
      <span m:id="ITEM_AMOUNT_HERE"></span>
    </div>
    <div class="ecc_cart_price">
      <span m:id="TANKA_HERE"></span>
    </div>
    <div class="ecc_cart_syokei">
      <span m:id="common.CART_ITEM_SYOKEI_ZEIKOMI_HERE"></span>
    </div>
  </div>
  <div class="ecc_cart_code_list">
    <span m:id="common.CART_ITEM_CODE_LIST_HERE"></span>
  </div>
  <div class="ecc_cart_count">
    <span m:id="common.CART_ITEM_COUNT_HERE"></span>
  </div>
  <div class="ecc_cart_gokei">
    <span m:id="common.CART_SYOKEI_ZEIKOMI_HERE"></span>
  </div>
</div>
<!-- /ecコンシェルカート商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。

【コンバージョンタグ】

管理画面左メニューの「データ解析」 > 「タグマネージャ」から「タグルール新規登録/一覧」を開きます。
新規登録ボタンを押下します。
タグルール名：カート完了画面表示対象
出力ページ：カート完了画面　を選択し、確認ボタンを押下します。
登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
管理画面左メニューの「データ解析」 > 「タグマネージャ」から「タグ新規登録/一覧」を開きます。
新規登録ボタンを押下します。

以下の項目を入力し、確認ボタンを押下します。
※以下タグサンプル内の「サイト識別子」は別途確認いただき、お客様のサイト識別子に置き換えて下さい。(前後の「'」（シングルクォーテーション）は含めず)
お客様のサイト識別子の確認方法はこちらをご参照下さい。
タグコード：ec03
タグ名：ecコンシェルコンバージョンタグ
タグタイプ：カスタムHTML
タグHTML：以下タグサンプルの通り
タグ出力個所：下部
タグ表示ルール：カート完了画面表示対象

(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェルコンバージョンタグ -->
<script>
var totalPrice = document.getElementsByClassName('ecc_purchase_total_price')[0].innerHTML.replace(/^\s+|\s+$/g, "");
(function(w,d,url,a,s,e){
  w[a]= (w[a]=w[a]||[]);
  s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
ara.push(['init', 'サイト識別子']);
ara.push(['goal', {sumValue:totalPrice}]);
var purchase_array = {
  NAME: 0, AMOUNT: 1, TANKA: 2, SYOKEI: 3
};
var ITEMS = new Array(Object.keys(purchase_array).length);
for (var i = 0; i < ITEMS.length; i++) {
  ITEMS[i] = [];
};
var ecc_purchase_count = Number(document.getElementsByClassName('ecc_purchase_count')[0].innerHTML.replace(/^\s+|\s+$/g, ""));
for (var i = 0; i < ecc_purchase_count; i++) {
  ITEMS[purchase_array.NAME].push(document.getElementsByClassName('ecc_purchase_name')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
  ITEMS[purchase_array.AMOUNT].push(document.getElementsByClassName('ecc_purchase_total_count')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
  ITEMS[purchase_array.TANKA].push(document.getElementsByClassName('ecc_purchase_price')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
  ITEMS[purchase_array.SYOKEI].push(document.getElementsByClassName('ecc_purchase_syokei')[i].innerHTML.replace(/^\s+|\s+$/g, ""));
};
for (var i = 0; i < ecc_purchase_count; i++) {
  ITEMS[purchase_array.TANKA][i] = ITEMS[purchase_array.TANKA][i].replace(/,|円/g, "");
  ITEMS[purchase_array.SYOKEI][i] = ITEMS[purchase_array.SYOKEI][i].replace(/,|円/g, "");
};
var purchase_total_amount = 0;
for (var i = 0; i < ecc_purchase_count; i++) {
  purchase_total_amount += Number(ITEMS[purchase_array.AMOUNT][i]);
};
for (var i = 0; i < ITEMS.length; i++) {
  ITEMS[i] = ITEMS[i].filter(function(value, index, array) { return value.length > 0 }).join(',');
};
var ecc_purchase_id = document.getElementsByClassName('ecc_purchase_code_list')[0].innerHTML.replace(/^\s+|\s+$/g, "");
ara.push(['custom_set', 'purchase_product_name', ITEMS[purchase_array.NAME]]);
ara.push(['custom_set', 'purchase_system_code', ecc_purchase_id]);
ara.push(['custom_set', 'purchase_quantity', ITEMS[purchase_array.AMOUNT]]);
ara.push(['custom_set', 'purchase_totalquantity', purchase_total_amount]);
ara.push(['custom_set', 'purchase_price_including_tax', ITEMS[purchase_array.TANKA]]);
ara.push(['custom_set', 'purchase_price_with_options_including_tax', ITEMS[purchase_array.SYOKEI]]);
</script>
<!-- /ecコンシェルコンバージョンタグ -->

登録内容確認画面にて、登録ボタンを押下し設定内容を登録します。
「データ解析」 > 「タグマネージャ」 > 「タグルール新規登録/一覧」にて、手順1~4にて登録したタグルール「カート完了画面表示対象」右の、編集ボタンを押下します。
「表示区分」を、「非表示」から「表示」に変更し、確認ボタンを押下 > 更新ボタンを押下して変更を完了して下さい。
※「表示」に変更完了したタイミングで、タグが出力されます。

【購入商品情報連携】

管理画面左メニューの「コンテンツ管理」 > 「テンプレート管理」を押下します。
サーバーフォルダーツリーより、view > userweb > cart_result.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル購入商品情報連携 -->
<div id="ecc_test" hidden>
  <div m:id="LOOP_ITEM">
    <div class="ecc_purchase_name">
      <span m:id="ITEM_NAME_HERE"></span>
    </div>
    <div class="ecc_purchase_total_count">
      <span m:id="ITEM_AMOUNT_HERE"></span>
    </div>
    <div class="ecc_purchase_price">
      <span m:id="TANKA_HERE"></span>
    </div>
    <div class="ecc_purchase_syokei">
      <span m:id="common.CART_ITEM_SYOKEI_ZEIKOMI_HERE"></span>
    </div>
  </div>
  <div class="ecc_purchase_code_list">
    <span m:id="common.CART_ITEM_CODE_LIST_HERE"></span>
  </div>
  <div class="ecc_purchase_count">
    <span m:id="common.CART_ITEM_COUNT_HERE"></span>
  </div>
  <div class="ecc_purchase_total_price">
    <span m:id="TOTAL_GOKEI_HERE"></span>
  </div>
</div>
<!-- /ecコンシェル購入商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。
スマートフォンサイトにも同じ様にスクリプトを設置します。
サーバーフォルダーツリーより、view > smartphone > cart_result.xhtml を押下します。

以下のスクリプトをコピーし、<body>タグの直後に貼り付けます。
(このテキストをクリックすると下記コードをコピーできます)

<!-- ecコンシェル購入商品情報連携 -->
<div id="ecc_test" hidden>
  <div m:id="LOOP_ITEM">
    <div class="ecc_purchase_name">
      <span m:id="ITEM_NAME_HERE"></span>
    </div>
    <div class="ecc_purchase_total_count">
      <span m:id="ITEM_AMOUNT_HERE"></span>
    </div>
    <div class="ecc_purchase_price">
      <span m:id="TANKA_HERE"></span>
    </div>
    <div class="ecc_purchase_syokei">
      <span m:id="common.CART_ITEM_SYOKEI_ZEIKOMI_HERE"></span>
    </div>
  </div>
  <div class="ecc_purchase_code_list">
    <span m:id="common.CART_ITEM_CODE_LIST_HERE"></span>
  </div>
  <div class="ecc_purchase_count">
    <span m:id="common.CART_ITEM_COUNT_HERE"></span>
  </div>
  <div class="ecc_purchase_total_price">
    <span m:id="TOTAL_GOKEI_HERE"></span>
  </div>
</div>
<!-- /ecコンシェル購入商品情報連携 -->

「保存」ボタンを押下して、内容を保存します。

【カスタム属性の登録】

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

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

1. 全ページでの連携項目の登録
・「会員フラグ」は一度ログインすれば、ログアウト後や再訪問時も"1"が連携されたまま(会員として判断し続ける)となります。

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

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

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

カスタム属性名	カスタム属性のキー	データ種別	値の一例
閲覧_商品名 (コピーする)	goods_product_name (コピーする)	文字列	Tシャツ
閲覧_商品グループ (コピーする)	goods_category_name (コピーする)	文字列	トップス
閲覧_システム商品コード (コピーする)	goods_system_code (コピーする)	文字列	001
閲覧_商品価格(税込) (コピーする)	goods_price_including_tax (コピーする)	数値	1100
閲覧_会員価格(税込) (コピーする)	goods_member_price_including_tax (コピーする)	数値	800

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

カスタム属性名	カスタム属性のキー	データ種別	値の一例(※2)
カート_商品名 (コピーする)	cart_product_name (コピーする)	文字列	ジャケット,ネックレス
カート_商品ID (コピーする)	cart_product_id (コピーする)	文字列	001,002
カート_商品購入数量 (コピーする)	cart_quantity (コピーする)	文字列	2,1
カート_商品購入数量合計 (コピーする)	cart_total_quantity (コピーする)	数値	3
カート_商品価格(オプション価格除く・税込) (コピーする)	cart_price_including_tax (コピーする)	文字列	110,2200
カート_商品価格(オプション価格含む・税込) (コピーする)	cart_product_price_with_options_including_tax (コピーする)	文字列	210,2300

※2：カートに商品が複数入っている場合、各商品の情報をカンマ区切りで取得し、1つの文字列として連携されます。（カート_商品購入数量合計を除く）

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

カスタム属性名	カスタム属性のキー	データ種別	値の一例(※3)
購入_商品名 (コピーする)	purchase_product_name (コピーする)	文字列	ポロシャツ,ハンカチ
購入_システム商品コード (コピーする)	purchase_system_code (コピーする)	文字列	003,002
購入_商品購入数量 (コピーする)	purchase_quantity (コピーする)	文字列	1,3
購入_商品購入数量合計 (コピーする)	purchase_totalquantity (コピーする)	数値	4
購入_商品価格(税込) (コピーする)	purchase_price_including_tax (コピーする)	文字列	33000,2200
購入_商品価格(オプション価格含む・税込) (コピーする)	purchase_price_with_options_including_tax (コピーする)	文字列	33330,2530

※3：商品を複数購入した場合、各商品の情報をカンマ区切りで取得し、1つの文字列として連携されます。（購入_商品購入数量合計を除く）

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

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

ecコンシェル管理画面左メニューの属性データ > カスタム属性を押下します。
カスタム属性の設定画面 > カスタム属性の追加にて、以下のように入力します。
※上記1,2,3,4の全てのカスタム属性について、以下の手順の実施をお願いいたします。

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

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

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

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

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

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

【キャンペーンの登録】

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

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

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

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

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

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

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

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

{[{category.name}]}

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

【注意事項】

【タグ設置手順の概要】

【計測タグ】

【閲覧商品情報連携】

【会員情報連携】

【カートタグ】

【カート投入商品情報連携】

【コンバージョンタグ】

【購入商品情報連携】

【カスタム属性の登録】

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

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

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