ebisumart

【注意事項】

 

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

計測タグ、カートタグ、コンバージョンタグを同一のドメインに設置する場合のみ動作いたします。

※ページ構成についてはお手数ですが、カートASP事業者様にご確認くださいますようお願いいたします。

【準備】

　下記URLのフォームからebisumartサポートへタグマネージャオプションの開放を依頼します

　https://support.ebisumart.com/apply.html?id=OTOIAWASE

 

toiawase.png

 

【計測タグ】

  1. ebisumartの管理画面にログインし、左メニューの 「データ解析」 > 「タグマネージャ」から
    タグルール新規登録/一覧を開きます
    rulenew.png

  2. 新規登録ボタンをクリックしますnew.png

  3. タグルール名：全画面表示対象
    出力ページ：全画面　を選択し、確認ボタンを押下、登録しますcreaterule.png

  4.  管理画面左メニューの データ解析 > タグマネージャからタグ新規登録/一覧を開きますtagnew.png

  5. 新規登録ボタンをクリックします


    newttag.png
  6. 以下の項目を入力し、確認ボタンを押下、登録します
    タグコード：ec01
    タグ名：ecコンシェル計測タグ
    タグタイプ：カスタムHTML
    タグ出力箇所：下部
    タグ表示ルール：全画面表示対象
    タグHTML：下記の通り
<!-- ec concier -->
<!-- 計測タグ -->
<script>
document.addEventListener('DOMContentLoaded', function(){
if (typeof ara === 'undefined'){
(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', 'サイト識別子']);}},false);
</script>
<!-- /計測タグ -->
<!-- ec concier -->
createtag.png

【カートタグ】

カートタグは、「ショッピングカート」ページに設置します。

  1. ebisumartの管理画面にログインし、「画像・テンプレート」＞「テンプレート管理」を押下し、サーバーフォルダーツリーを表示します。

    ebisu_01.png

  2. 以下のカートタグをコピーします。

                        
<!-- ec concier -->
<!-- カートタグ -->
<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','サイト識別子']);ara.push(['cart', {cartPrice: getPrice()}]);
</script>
<!-- /カートタグ -->
<!-- /ec concier ->

  3. 「ショッピングカート」ページにあたるファイルを選択し、HTML編集画面を表示させ、カートタグを </body> の上に貼り付けます。

    ebisu_05.png

  4. 以下の、カート内金額パラメータのXPATHを取得するスクリプトをコピーします。下記はデフォルトのテンプレートを利用した場合です。テンプレートをカスタマイズされている場合は、こちらから手順をご確認ください。

    <!-- ec concier -->
    <!-- ecコンシェル金額取得 -->
    <script>
    function getPrice()
    {
     var expression='//span[@class="price"]/text()';
     try{
     var v = document.evaluate(expression,document,null,XPathResult.ANY_TYPE,null).iterateNext().nodeValue;
     if(/[0-9,]+円/.test(v)){return v.match(/([0-9,]+)円/)[1].match(/[0-9]/g).join("")};
     }catch(e){}
     return 0;
    };
    </script>
    <!-- ec concier -->

  5. 手順3で貼り付けたカートタグの上に、コピーした金額取得スクリプトを貼り付けます。

    PC-cart1.png

  6. HTML編集画面の左上にある「保存」ボタンを押下し保存します。

    PC-cart2.png

  7. スマートフォン用ページがある場合、同様に、「ショッピングカート」ページにあたるファイルに、カートタグを貼り付けます。sp-cart1.png

  8. 以下の、カート内金額パラメータのXPATHを取得するスクリプトをコピーします。下記はデフォルトのテンプレートを利用した場合です。テンプレートをカスタマイズされている場合は、こちらから手順をご確認ください。

    <!-- ec concier -->
    <!-- ecコンシェル金額取得 -->
    <script>
    function getPrice()
    {
     var expression='//p[@class="total"]/strong/text()';
     try{
     var v = document.evaluate(expression,document,null,XPathResult.ANY_TYPE,null).iterateNext().nodeValue;
     if(/[0-9,]+円/.test(v)){return v.match(/([0-9,]+)円/)[1].match(/[0-9]/g).join("")};
     }catch(e){}
     return 0;
    };
    </script>
    <!-- ec concier -->
  9. 手順７で貼り付けたカートタグの上に、コピーした金額取得スクリプトを貼り付けます。sp-cart2.png
  10. HTML編集画面の左上にある「保存」ボタンを押下し保存します。sp-cart3.png

【コンバージョンタグ】

コンバージョンタグは、「注文完了」ページに設置します。

  1. ebisumartの管理画面にログインし、「画像・テンプレート」＞「テンプレート管理」を押下し、サーバーフォルダーツリーを表示します。

    ebisu_01.png

  2. 以下のコンバージョンタグをコピーします。

                        
<!-- /ec concier -->
  <!-- コンバージョンタグ -->
  <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', 'サイト識別子']);ara.push(['goal', {sumValue: getPrice()}]);
  </script>
  <!-- /コンバージョンタグ -->
<!-- /ec concier -->

  3. 「注文完了」ページにあたるファイルを選択し、HTML編集画面を表示させ、コンバージョンタグを </body> の上に貼り付けます。

    PC-cv1.png

  4. 以下の、購入合計金額パラメータのXPATHを取得するスクリプトをコピーします。下記はデフォルトのテンプレートを利用した場合です。テンプレートをカスタマイズされている場合は、こちらから手順をご確認ください。

                        
<!-- ec concier -->
    <script>
    //ecコンシェル金額取得
    function getPrice() {
     var expression='//input[@name="GOKEI"]/@value';
     ret = document.evaluate(expression,document,null,XPathResult.ANY_TYPE,null);
     while(e=ret.iterateNext()) {
     return e.value;
     }
     return 0;
    }
    </script>
    <!-- /ec concier -->

  5. 手順3で貼り付けたコンバージョンタグの上に、コピーした金額取得スクリプトを貼り付けます。

    PC-cv2.png

  6. HTML編集画面の左上にある「保存」ボタンを押下し保存します。

    PC-cv3.png

  7. スマートフォン用ページがある場合も同様に、「注文完了」ページにあたるファイルに、コンバージョンタグを貼り付けます。sp-cv1.png

  8. 以下の、購入合計金額パラメータのXPATHを取得するスクリプトをコピーします。下記はデフォルトのテンプレートを利用した場合です。テンプレートをカスタマイズされている場合は、こちらから手順をご確認ください。

                        
<!-- ec concier -->
    <script>
    //ecコンシェル金額取得
    function getPrice()
    {
     var expression='//p[@class="total"]/strong/text()';
     try{
     var v = document.evaluate(expression,document,null,XPathResult.ANY_TYPE,null).iterateNext().nodeValue;
     if(/[0-9,]+円/.test(v)){return v.match(/([0-9,]+)円/)[1].match(/[0-9]/g).join("")};
     }catch(e){}
     return 0;
    };
    </script>
    <!-- /ec concier -->
  9. 手順７で貼り付けたコンバージョンタグの上に、コピーした金額取得スクリプトを貼り付けます。sp-cv2.png
  10. HTML編集画面の左上にある「保存」ボタンを押下し保存します。