futureshop (以前からの構築機能)

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

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


【注意事項】

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

  2. WEBスキミング防止機能により、正常に接客出来ない場合や、正しく接客効果が計測できない場合があります。詳細はこちらをご参照下さい。

【サイト構成の確認】

以前からの構築機能では、サイトが1種類のドメインで構成されている場合と、2種類のドメインで構成されている場合があります。
<2種類のドメインでの構成例>
-　1つ目のドメイン・・・トップページ/カートページ/注文完了ページ　等
-　2つ目のドメイン・・・ログインページ/マイページ/決済関連ページ　等

サイト構成によってはタグをカスタマイズする必要がございますので、以下の手順にてサイト構成のご確認をお願いいたします。

  1. トップページにアクセスし、ブラウザのURLを確認します。URLから1つ目のドメイン（ファーストドメイン）を把握します。
    futureshop_18.png

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


  2. ログインページ、もしくはマイページにて、ブラウザのURLを確認します。URLから2つ目のドメイン(セカンドドメイン)を把握します。
    futureshop_19.png

    上記画像の場合、「c04.future-shop.jp」が2つ目のドメイン（セカンドドメイン）となります。
    ※表示されているURLの先頭に「https://」または「http://」が付与されている場合、また「 / 」以降が記載されている場合、「https://」または「http://」と「 / 」以降を取り除いた部分が2つ目のドメイン（セカンドドメイン）となります。
    例：表示されているURLが「https://cart.com/index.html」の場合、セカンドドメインは「cart.com」となります。


  3. 手順1で確認したドメインと、手順2で確認したドメインが異なる場合(2種類のドメインで構成されている場合)は、タグ設置の際に、以下の手順もご対応いただきますようお願いいたします。
    ・【計測タグ】手順3-4-2
    ・【カートタグ】手順1-2-2
    ・【コンバージョンタグ】手順1-2-2

【タグ設置手順の概要】

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

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

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


【計測タグ】

  1. 管理画面にて、構築 > プロモーション管理 > 任意測定タグ設定　を押下します。
    futureshop_01.png


  2. 任意測定タグ一覧画面にて、「任意測定タグ 新規登録」ボタンを押下します。
    futureshop_02.png


  3. 任意測定タグ設定画面にて、各項目に以下の様に入力します。
    ・測定タグ設定
    futureshop_03.png
    3-1. 全体出力設定：各ページの出力設定を有効にする　にチェックを入れます。

    3-2. 設定名：ecコンシェルタグ　を入力します。


    ・共通出力
    futureshop_04.png
    3-3. 出力設定：「<body>タグ内に出力する」を選択します。

    3-4. 出力内容：以下の3-4-1~3-4-4の手順をご参照下さい。

    • 3-4-1. 以下の計測タグをコピーし、テキストエディタ等に貼り付けます。
      (このテキストをクリックすると下記コードをコピーできます)
      <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', ['ファーストドメイン','セカンドドメイン'], {form_post:true}]);
      var member_status = '$MEMBER_ID$';
      function getMemberStatus(){
        if(/.+/.test(member_status)){
          return "1";
        }else{
          return "0";
        };
      };
      var member_flag = getMemberStatus();
      var login_status = '$MEMBER_ID$';
      function getLoginStatus(){
        if(/.+/.test(login_status)){
          return "1";
        }else{
          return "0";
        };
      };
      var login_flag = getLoginStatus();
      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', name]);
        ara.push(['custom_set', 'goods_product_no', number]);
        ara.push(['custom_set', 'goods_system_code', id]);
        ara.push(['custom_set', 'goods_original_code', url]);
        ara.push(['custom_set', 'goods_price_including_tax', taxprice]);
      }catch (e) {}
      </script>
    • 3-4-2. 【サイト構成の確認】にて、サイトが2種類のドメインで構成されていた場合は、こちらの手順をご対応下さい。
       ・手順3-4-1でコピーした計測タグ内の「ファーストドメイン」、「セカンドドメイン」を、それぞれ導入サイトの各ドメインに置き換えます。

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

    • 3-4-4. 手順3-4-2と手順3-4-3で編集した計測タグを、出力内容に貼り付けます。

    ・商品詳細ページ
    futureshop_05.png
    3-5. 出力設定：「<head>タグ内に出力する」を選択します。

    3-6. 出力内容：以下のスクリプトをコピーし、貼り付けます。
     (このテキストをクリックすると下記コードをコピーできます)
    <script>
    var name = "$GOODS_NAME$";
    var number = "$GOODS_NO$";
    var id = "$GOODS_ID$";
    var url = "$GOODS_URL$";
    var taxprice = "$GOODS_PRICE_INTAX$";
    </script>


【カートタグ】

  1. 任意測定タグ設定画面にて続けて入力します。
    ・ショッピングカートページ
    futureshop_06.png
    1-1. 出力設定：「<body>タグ内に出力する」を選択します。

    1-2. 出力内容：以下の1-2-1~1-2-4の手順をご参照下さい。

    • 1-2-1. 以下のカートタグをコピーし、テキストエディタ等に貼り付けます。
      (このテキストをクリックすると下記コードをコピーできます)
      <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', ['ファーストドメイン','セカンドドメイン'], {form_post:true}]);
      var ITEM = {
        NAME: 0, NUMBER: 1, ID: 2, JANCODE: 3, COUNT: 4, URL: 5, TAXPRICE: 6, TAXPRICE_OPTION: 7
      };
      var IA = new Array(Object.keys(ITEM).length);
      for (var i = 0; i < IA.length; i++) {
        IA[i] = [];
      };
      $ITEM_INFO$;
      var cartPrice_Array = [];
      for (var i = 0; i < IA[ITEM.TAXPRICE_OPTION].length; i++) {
        cartPrice_Array.push(IA[ITEM.TAXPRICE_OPTION][i] * IA[ITEM.COUNT][i]);
      };
      var cart_Price = 0;
      for (var i = 0; i < cartPrice_Array.length; i++) {
        cart_Price += cartPrice_Array[i];
      };
      for (var i = 0; i < IA.length; i++) {
        IA[i] = IA[i].filter(function(value, index, array) { return value.length >= 0 }).join(',');
      };
      ara.push(['cart', {cartPrice:cart_Price}]);
      ara.push(['custom_set', 'cart_product_name', IA[ITEM.NAME]]);
      ara.push(['custom_set', 'cart_product_no', IA[ITEM.NUMBER]]);
      ara.push(['custom_set', 'cart_product_id', IA[ITEM.ID]]);
      ara.push(['custom_set', 'cart_product_jan_code', IA[ITEM.JANCODE]]);
      ara.push(['custom_set', 'cart_quantity', IA[ITEM.COUNT]]);
      ara.push(['custom_set', 'cart_original_code', IA[ITEM.URL]]);
      ara.push(['custom_set', 'cart_price_including_tax', IA[ITEM.TAXPRICE]]);
      ara.push(['custom_set', 'cart_product_price_with_options_including_tax', IA[ITEM.TAXPRICE_OPTION]]);
      </script>
    • 1-2-2. 【サイト構成の確認】にて、サイトが2種類のドメインで構成されていた場合は、こちらの手順をご対応下さい。
       ・手順1-2-1でコピーしたカートタグ内の「ファーストドメイン」、「セカンドドメイン」を、それぞれ導入サイトの各ドメインに置き換えます。

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

    • 1-2-4. 手順1-2-2、手順1-2-3で編集したカートタグを、出力内容に貼り付けます。

    1-3. 商品情報置換文字（$ITEM_INFO$）の設定：以下のスクリプトをコピーし、貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます) 
    {
      IA[ITEM.NAME].push('$GOODS_NAME$');
      IA[ITEM.NUMBER].push('$GOODS_NO$');
      IA[ITEM.ID].push('$GOODS_ID$');
      IA[ITEM.JANCODE].push('$GOODS_JAN_CODE$');
      IA[ITEM.COUNT].push('$GOODS_COUNT$');
      IA[ITEM.URL].push('$GOODS_URL$');
      IA[ITEM.TAXPRICE].push('$GOODS_PRICE_INTAX$');
      IA[ITEM.TAXPRICE_OPTION].push('$GOODS_PRICE_WITH_OPTION_INTAX$');
    }

【コンバージョンタグ】

  1. 任意測定タグ設定画面にて続けて入力します。
    ・注文完了ページ
    futureshop_07.png
    1-1. 出力設定：「<body>タグ内に出力する」を選択します。

    1-2. 出力内容：以下の1-2-1~1-2-4の手順をご参照下さい。

    • 1-2-1. 以下のコンバージョンタグをコピーし、テキストエディタ等に貼り付けます。
      (このテキストをクリックすると下記コードをコピーできます)
      <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', ['ファーストドメイン','セカンドドメイン'], {form_post:true}]);
      var ITEM = {
        NAME: 0, NUMBER: 1, ID: 2, JANCODE: 3, COUNT: 4, URL: 5, TAXPRICE: 6, TAXPRICE_OPTION: 7
      };
      var IA = new Array(Object.keys(ITEM).length);
      for (var i = 0; i < IA.length; i++) {
        IA[i] = [];
      };
      $ITEM_INFO$;
      for (var i = 0; i < IA.length; i++) {
        IA[i] = IA[i].filter(function(value, index, array) { return value.length >= 0 }).join(',');
      };
      var totalPrice = '$TOTAL_BUY_GOODS_PRICE$';
      var totalPrice_option = '$TOTAL_BUY_GOODS_PRICE_WITH_OPTION$';
      var totalQuantity = '$TOTAL_BUY_GOODS_COUNT$';
      ara.push(['goal', {sumValue:$TOTAL_BUY_GOODS_PRICE_WITH_OPTION$}]);
      ara.push(['custom_set', 'purchase_product_name', IA[ITEM.NAME]]);
      ara.push(['custom_set', 'purchase_product_no', IA[ITEM.NUMBER]]);
      ara.push(['custom_set', 'purchase_system_code', IA[ITEM.ID]]);
      ara.push(['custom_set', 'purchase_product_jan_code', IA[ITEM.JANCODE]]);
      ara.push(['custom_set', 'purchase_quantity', IA[ITEM.COUNT]]);
      ara.push(['custom_set', 'purchase_original_code', IA[ITEM.URL]]);
      ara.push(['custom_set', 'purchase_price_including_tax', IA[ITEM.TAXPRICE]]);
      ara.push(['custom_set', 'purchase_price_with_options_including_tax', IA[ITEM.TAXPRICE_OPTION]]);
      ara.push(['custom_set', 'purchase_totalprice_including_tax', totalPrice]);
      ara.push(['custom_set', 'purchase_totalprice_with_options_including_tax', totalPrice_option]);
      ara.push(['custom_set', 'purchase_totalquantity', totalQuantity]);
      ara.push(['custom_set', 'prefecture', prefecture]);
      ara.push(['custom_set', 'gender', sex]);
      </script>
    • 1-2-2. 【サイト構成の確認】にて、サイトが2種類のドメインで構成されていた場合は、こちらの手順をご対応下さい。
       ・1-2-1でコピーしたコンバージョンタグ内の「ファーストドメイン」、「セカンドドメイン」を、それぞれ導入サイトのドメインに置き換えます。

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

    • 1-2-4. 手順1-2-2、手順1-2-3で編集したコンバージョンタグを、出力内容に貼り付けます。

    1-3. 商品情報置換文字（$ITEM_INFO$）の設定：以下のスクリプトをコピーし、貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます)
    {
      IA[ITEM.NAME].push('$GOODS_NAME$');
      IA[ITEM.NUMBER].push('$GOODS_NO$');
      IA[ITEM.ID].push('$GOODS_ID$');
      IA[ITEM.JANCODE].push('$GOODS_JAN_CODE$');
      IA[ITEM.COUNT].push('$GOODS_COUNT$');
      IA[ITEM.URL].push('$GOODS_URL$');
      IA[ITEM.TAXPRICE].push('$GOODS_PRICE_INTAX$');
      IA[ITEM.TAXPRICE_OPTION].push('$GOODS_PRICE_WITH_OPTION_INTAX$');
    }

    1-4. 「登録する」ボタンを押下して、計測タグ・カートタグ・コンバージョンタグの設置を完了します。futureshop_11.png

【注文完了ページにて連携する情報の設定】

  1. 管理画面にて、構築 > プロモーション管理 > 任意アフィリエイト設定　を押下します。
    futureshop_08.png


  2. 任意アフィリエイト一覧画面にて、初期テンプレート一覧 > 指定なし　を選択 > 「アフィリエイト追加」ボタンを押下します。
    futureshop_09.png


  3. 任意アフィリエイト設定画面にて、コンバージョン(成果)タグ設定に、以下の様に入力します。futureshop_10.png
    3-1. 出力設定：出力する　にチェックを入れます。

    3-2. アフィリエイト名：ecコンシェル　を入力します。

    3-3. 出力画面：注文完了ページに表示　を選択します。

    3-4. トラッキングタグ設定：売上型(商品別コミッション) > トラッキングタグ(繰り返し前)　に、以下のスクリプトをコピーして、貼り付けます。
    (このテキストをクリックすると下記コードをコピーできます)
    <script>
    var prefecture = '$PREFECTURE$';
    prefecture = decodeURIComponent(prefecture);
    var sex = '$SEX$';
    sex = decodeURIComponent(sex);
    </script>

    3-5. 「登録する」ボタンを押下して、設定を完了します。

【カスタム属性の登録】

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

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


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

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

※1：futureshopのWEBスキミング防止機能の、<script>タグ無効化対象ページを除いた、計測タグが設置されるページ

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



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

カスタム属性名 カスタム属性のキー データ種別 値の一例
閲覧_商品名
(コピーする)		 goods_product_name
(コピーする)		 文字列 Tシャツ
閲覧_商品番号
(コピーする)		 goods_product_no
(コピーする)		 文字列 No1
閲覧_システム商品コード
(コピーする)		 goods_system_code
(コピーする)		 文字列 1
閲覧_独自商品コード
 (コピーする)		 goods_original_code
(コピーする)		 文字列 url1
閲覧_商品価格(税込)
 (コピーする)		 goods_price_including_tax
 (コピーする)		 数値 1100



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

カスタム属性名 カスタム属性のキー データ種別 値の一例(※2)
カート_商品名
(コピーする)		 cart_product_name
(コピーする)		 文字列 ジャケット,ネックレス
カート_商品番号
(コピーする)		 cart_product_no
(コピーする)		 文字列 No1,No2
カート_商品ID
(コピーする)		 cart_product_id
(コピーする)		 文字列 1,2
カート_JANコード
(コピーする)		 cart_product_jan_code
(コピーする)		 文字列 1111111111111,2222222222222
カート_商品購入数量
(コピーする)		 cart_quantity
(コピーする)		 文字列 2,1
カート_独自商品コード
(コピーする)		 cart_original_code
(コピーする)		 文字列 url1,url2
カート_商品価格(オプション価格除く・税込)
(コピーする)		 cart_price_including_tax
(コピーする)		 文字列 110,2200
カート_商品価格(オプション価格含む・税込)
(コピーする)		 cart_product_price_with_options_including_tax
(コピーする)		 文字列 110,2530

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


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

カスタム属性名 カスタム属性のキー データ種別 値の一例(※3)
購入_商品名
(コピーする)		 purchase_product_name
(コピーする)		 文字列 ポロシャツ,ハンカチ
購入_商品番号
(コピーする)		 purchase_product_no
(コピーする)		 文字列 No3,No2
購入_システム商品コード
(コピーする)		 purchase_system_code
(コピーする)		 文字列 3,2
購入_JANコード
(コピーする)		 purchase_product_jan_code
(コピーする)		 文字列 3333333333333,2222222222222
購入_商品購入数量
(コピーする)		 purchase_quantity

(コピーする)		 文字列 1,3
購入_独自商品コード
(コピーする)		 purchase_original_code
(コピーする)		 文字列 url3,url2
購入_商品価格(税込)
(コピーする)		 purchase_price_including_tax
(コピーする)		 文字列  
購入_商品価格(オプション価格含む・税込)
(コピーする)		 purchase_price_with_options_including_tax
(コピーする)		 文字列 33000,2530
購入_商品購入金額合計(オプション価格除く・税込)
(コピーする)		 purchase_totalprice_including_tax
(コピーする)		 数値 35200
購入_商品購入金額合計(オプション価格含む・税込)
(コピーする)		 purchase_totalprice_with_options_including_tax
(コピーする)		 数値 35530
購入_商品購入数量合計
(コピーする)		 purchase_totalquantity
(コピーする)		 数値 4
都道府県
(コピーする)		 prefecture
(コピーする)		 文字列 東京都
性別
(コピーする)		 gender
(コピーする)		 文字列 男性

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


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

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

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


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

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

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

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

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


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

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


【キャンペーンの登録】

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

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

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

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


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

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



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

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