EC-CUBEへの導入手順

EC-CUBEを使用しているECサイトへ、Flipdeskの基本タグやコンバージョンタグ、その他オプションタグを設置する際は、EC-CUBEの管理画面から設定します。

EC-CUBE　Flipdeskタグ埋め込み方法

1. 基本タグの設置

Flipdesk管理画面へログインし、［タグ管理＞基本タグ］より「基本タグ」をコピーする

1. EC-CUBE管理画面の「コンテンツ管理」から「ブロック管理」を開く
2. 「Google Tag Manager (head内)」と「Google Tag Manager (body内)」を作成して保存する
3. EC-CUBE管理画面の「コンテンツ管理」から「レイアウト管理」を開く
4. [2] で作成したブロックを配置する
   1. 内にはGoogle Tag Manager  (head) を、タグ直後にGoogle Tag Manager  (body) を配置
   2. レイアウト内から「トップページ用レイアウト」「下層ページ用レイアウト」の2つに同様に設置
5. [4] 完了後にGoogle Tag Manager から基本タグを設置する
   Google Tag Manager の設置手順はこちら

2. コンバージョンタグの設置

▼EC-CUBE２系

1. EC-CUBE管理画面の「コンテンツ管理」から「ブロック管理」をひらく
2. 「新規ブロック」を作成する
   • ブロック名：FlipdeskCV計測タグ (任意でOK)
   • ファイル名：任意のファイル名を付ける
   • コード：以下をコピーして貼り付ける

     <!-- flipdesk_convsersio_body内に埋める -->
     <script id="fd_conversion">
     window.fdData = window.fdData || [];
     function fdtag(){window.fdData.push(arguments);}
     fdtag('track', 'conversion', {
     tid: ★★★, // コンバージョンタグID(※変更しないでください)
     q: '{{ OrderItem.quantity }}', // 合計購買点数(※必須)
     p: '{{ OrderItem.price }}', // 合計購買金額(※任意)
     oid: '{{ Order.id }}', // 受注番号など、コンバージョンを識別する文字列(※任意)
     // 購買した商品の内訳(※任意)
     skus: [
     {
     q: '{{ OrderItem.quantity }}', // 購買点数(※必須)
     sku: '{{ OrderItem.product.id }}', // 商品番号など、商品を識別する文字列(※任意)
     t: '{{ OrderItem.product_name }}', // 商品名(※任意)
     p: '{{ OrderItem.price }}', // 商品の単価(※任意)
     c: '{{ OrderItem.class_category_name1 }}' // 商品カテゴリ(※任意)
     }
     ]
     });
     </script>

     ★★★部分は、Flipdesk画面の該当するコンバージョンタグのidに差し替える

3. 作成したブロックを保存して、「コンテンツ管理」から「レイアウト管理」を開く
4. 「注文完了ページ」に配置する
   
   

▼EC-CUBE3系

3系をご利用のお客様は下記のCVタグを使用してください。

CVタグを設置するページでorderエンティティの使用が許可されている必要があります。

<script id="fd_conversion">
window.fdData = window.fdData || [];
function fdtag(){window.fdData.push(arguments);}

var transaction_products = {
    tid: ★★★,
    q: 0,
    p: 0,
    oid: '{{Order.id}}',
    skus: []
};
{% for OrderItem in Order.OrderDetails %}
    transaction_products.q += {{OrderItem.quantity}}
    transaction_products.p += {{OrderItem.price_inc_tax}}
    var productId ='{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}'
    var sku = {
        q: {{OrderItem.quantity}},
        sku: productId,
        t: '{{OrderItem.product_name}}',
        p: {{OrderItem.price_inc_tax}},
        c: '{{OrderItem.class_category_name1}}',
    }
    transaction_products.skus.push(sku);
{% endfor %}

fdtag('track', 'conversion', transaction_products);
</script>

★★★部分は、Flipdesk画面の該当するコンバージョンタグのidに差し替える

▼EC-CUBE４系

４系をご利用のお客様は下記のCVタグを使用してください。

<script id="fd_conversion">
window.fdData = window.fdData || [];
function fdtag(){window.fdData.push(arguments);}

var transaction_products = {
    tid: ★★★,
    q: 0,
    p: 0,
    oid: '{{Order.id}}',
    skus: []
};


{% for OrderItem in Order.MergedProductOrderItems %}
    transaction_products.q += {{OrderItem.quantity}}
    transaction_products.p += {{OrderItem.price_inc_tax}}
    var productId ='{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}'
    var sku = {
        q:{{OrderItem.quantity}},
        sku: productId,
        t:'{{OrderItem.product_name}}',
        p:{{OrderItem.price_inc_tax}},
        c:'{{OrderItem.class_category_name1}}',
    }
    transaction_products.skus.push(sku);
{% endfor %}
        
fdtag('track', 'conversion', transaction_products);
</script>

★★★部分は、Flipdesk画面の該当するコンバージョンタグのidに差し替える