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

【注意事項】

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

計測タグ、カートタグ、コンバージョンタグを同一のドメインに設置する場合のみ動作いたします。
動作する例
・　商品紹介ページ （計測タグ設置ページ）　　　　  http://www.service.jp/
・　ショッピングカートページ （カートタグ設置ページ）　https://www.service.jp/fs/service/ShoppingCart.html
・  注文完了ページ （コンバージョンタグ設置ページ）　https://www.service.jp/fs/service/OrderComplete.html
※ページ構成についてはお手数ですが、カートASP事業者様にご確認くださいますようお願いいたします。

[PC設定]

【計測タグ】

  1. ログイン後に構築メニュー ＞ デザイン設定を押下してください。

    futures_i_1.png


  2. 選択されているテンプレートの「編集」ボタンを押下してください。

    futures_i_2.png

  3. テンプレート編集の下部に「ヘッダエリア」に追記できるフォームがありますので、そちらにecコンシェルの計測タグを貼り付けし、ページ下部の「登録する」ボタンを押下し、保存してください。


    futures_i_3.png 
  4. 計測タグ内容は以下となります。(サイト識別子は別途確認、編集ください。確認方法はこちら)
    <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', 'サイト識別子']);
    </script>
  5. 「登録する」ボタンを押下します。
    　　　　　　　　futures_i_4.png
    【注意事項】 追加レイアウトを指定している場合、すべての追加レイアウトのヘッダー１つ１つにタグを追加する必要がありますので、ご注意ください。指定がないと計測が途切れ、正しい接客配信ができなくなる場合もございます。

    お客様サイトのトップページは管理画面からタグを設置できませんので、お客様にて作成されたHTMLに直接編集するなどして、計測タグを貼り付けます。HTMLを編集して設定する手順はこちらです。

 

[スマートフォン設定]

【計測タグ】

  1. ログイン後にモバイル ＞ スマートフォン設定 ＞ トップページ設定　および　基本設定　を編集します。
    futures_i_5.png


  2. トップページ設定については、下記の箇所のソース下部に、ecコンシェルの計測タグを貼り付けてください。

    futures_i_6.png

  3. 基本設定では、「スマートフォンページを利用する」を押下し、ヘッダコメント部分の最下部（例だと</div>の下）にecコンシェルの計測タグを貼り付けてください。既に記述されている内容を削除しないよう注意してください。
    futures_i_7.png
  4. 「登録する」ボタンを押下します。
    　　　　　　　futures_i_8.png

  5. お客様サイトのトップページは管理画面からタグを設置できませんので、お客様にて作成されたHTMLに直接編集するなどして、計測タグを貼り付けます。HTMLを編集して設定する手順はこちらです。

【カートタグ】

  1. FutureShop2管理画面にログインした状態で、[構築メニュー] > [プロモーション設定] > [任意測定タグ設定]に移動します。

  2. 【任意測定タグ 新規登録】ボタンをクリックします。

    futures_i_9.png


  3. [測定タグ設定]-[全体出力設定] を設定します。
    ①. 「各ページの出力設定を有効にする」 にチェック
    ②. 設定名に「ecコンシェルタグ」のような名前をつけます

    futures_i_10.png


  4. カートタグを「ショッピングカートページ」に設定します。

    ①. 出力設定：「<body> タグ内に出力する」を選択
    ②. 出力内容：下記の様に修正したecコンシェルの計測タグを記載
    ③. 商品情報置換文字($ITEM_INFO$)の設定：下記の様に記載
    ④. 区切り文字：下記の様に記載

    futures_i_11.png

    ②【出力内容】の記載例     
    <script>
var total = 0;
(function(w,d,url,a,s,e){
   try{
      var items = [$ITEM_INFO$];
      items = items.map(function(item) {
          item.total = item.price * item.quantity;
          total += item.total;
          return item;
      });
      w[a]= (w[a]||[]);
  s = d.getElementsByTagName("script")[0];
  e = d.createElement("script");
  e.src=url;
     e.async=1;
  s.parentNode.insertBefore(e,s);
}catch(e){}
 })
 (window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
 ara.push(['init', 'サイト識別子']);
 ara.push(['cart', {cartPrice:total}]);
</script>

    ※「サイト識別子」にはecコンシェルで登録したサイトごとの識別子を入力してください。
      ＜参考＞
    futures_i_12.png



    ③「商品情報置換文字($ITEM_INFO$)の設定」は下記のように記載します     
    { item_id: '$GOODS_NO$', name: '$GOODS_NAME$', price: Number('$GOODS_PRICE_INTAX$'), quantity:  Number('$GOODS_COUNT$') }

    ④区切り文字にはカンマを設定します
    ,


    上記の様に設定することで、カート内合計金額がecコンシェルに連携され、カート内合計金額に応じた接客が可能となります。

 

【コンバージョンタグ】

    1. コンバージョンタグは、「注文完了ページ」に設定します。
      ①. 出力設定：「<body> タグ内に出力する」を選択
      ②. 出力内容：下記の様に修正したecコンシェルの計測タグを記載
      ③. 商品情報置換文字($ITEM_INFO$)の設定：下記の様に記載
      ④. 区切り文字：下記の様に記載

futures_i_13.png


②【出力内容】の記載例

<script>
var total = 0;
(function(w,d,url,a,s,e){
   try{
      var items = [$ITEM_INFO$];  
      items = items.map(function(item) {
          item.total = item.price * item.quantity;
          total += item.total;
          return item;
      });
  w[a]= (w[a]||[]);
  s = d.getElementsByTagName("script")[0];
  e = d.createElement("script");
  e.src=url;
  e.async=1;
  s.parentNode.insertBefore(e,s);
}catch(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','サイト識別子']);ara.push(['goal', {sumValue:total}]);
</script>

※サイト識別子にはecコンシェルで登録したサイトごとの識別子を入力してください。




③「商品情報置換文字($ITEM_INFO$)の設定」は下記のように記載します

{ item_id: '$GOODS_NO$', name: '$GOODS_NAME$', price: Number('$GOODS_PRICE_INTAX$'), quantity:  Number('$GOODS_COUNT$') }


④区切り文字にはカンマを設定します

,

「登録する」ボタンを押下します。

　　　　　　　　　　 futures_i_14.png