---
title: ecforceへの導入手順
description: ecforceを使用しているECサイトにFlipdeskのタグを設置する手順を説明します。
---

[コンテンツまでスキップ](https://support.materialdigital.jp/manual/install-ecforce#main-content)

日本語

翻訳のサブメニューを表示

[お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja)

![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png)

メインナビゲーションを開く

メインナビゲーションを閉じる

- 日本語
  
  翻訳のサブメニューを表示
- [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new)
- [サービスサイトへ](https://materialdigital.jp/)

[サービスサイトへ](https://materialdigital.jp/)

 お困りのことは何でしょうか？

- 検索フィールドが空なので、候補はありません。

1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja)
2. [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja)
3. [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE)

# ecforceへの導入手順

## ecforceを使用しているECサイトにFlipdeskのタグを設置する手順を説明します。

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

1. [基本タグの設置](https://support.materialdigital.jp/manual/install-ecforce#common-tag)
2. [コンバージョンタグの設置](https://support.materialdigital.jp/manual/install-ecforce#conversion-tag)
3. [カートタグの設置](https://support.materialdigital.jp/manual/install-ecforce#cart-tag)
4. [会員情報連携（ファイル連携）の手順](https://support.materialdigital.jp/manual/install-ecforce#customer_profile_file-tag)

### **1. 基本タグの設置**

1. 「ショップ管理 ＞ 各種設定 ＞ タグ管理」で「新規作成」をクリックし、基本タグの設定をする
   
   | **項目名** | **説明** |
   | --- | --- |
   | タグ名 | 「Flipdesk基本タグ」など、分かりやすい任意の名称を入力 |
   | タグ表示箇所 | body要素の最後に追加 |
   | 説明 | 空欄のまま |
   | タグコード | 貴社専用の基本タグが管理画面にありますので、コピーの上貼り付けてください。 基本タグについては、[基本タグの仕様](https://support.materialdigital.jp/manual/fd_common_tag?hsLang=ja)のマニュアルをご確認ください。 |
2. 「ショップ管理 ＞ 各種設定 ＞ ショップタグ設定」を開き、「すべての画面」にて\[1\]で作成したタグを選択して保存する

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

1. 「ショップ管理 ＞ 各種設定 ＞ タグ管理」で「新規作成」をクリックし、コンバージョンタグを設定する
   
   | **項目名** | **説明** |
   | --- | --- |
   | タグ名 | 「FlipdeskCVタグ」など、分かりやすい任意の名称を入力 |
   | タグ表示箇所 | body |
   | 説明 | 空欄のまま |
   | 出力タグ | 下記のコンバージョンタグをコピーし貼り付けてください。 **`tid: ☆☆☆☆;`の「☆」の部分はコンバージョンタグごとにIDが異なります。 管理画面よりタグIDをコピーし、必ず置き換えてください。** ``` <!-- body内に埋める --><script id="fd_conversion">    window.fdData = window.fdData \|\| [];    function fdtag(){window.fdData.push(arguments);}        fdtag('track', 'conversion', {        // コンバージョンタグID(※変更しないでください)        tid: ☆☆☆☆,       q: {{ order.quantity }},       p: {{ order.total }},        oid: '{{ order.number }}',        skus: [{% for order_item in order.order_items %}        {                q: ' {{ order_item.quantity }}' ,                sku: '{{ order_item.product.number }}',                t: ' {{ order_item.name_with_tax }}{% if order_item.variant.option_values_presentation %} ({{ order_item.variant.option_values_presentation }}){% endif %} ',                p: '{{ order_item.price }}',                c: '1'            },            {% endfor %}        ]    });</script> ``` コンバージョンタグについては、[コンバージョンタグの仕様](https://support.materialdigital.jp/manual/conversion_tag?hsLang=ja)のマニュアルをご確認ください。 |
2. 「ショップ管理 ＞ 各種設定 ＞ ショップページタグ設定」を開き、「ショップ購入（完了）」 にて\[1\]で作成したタグを選択して保存する

### **3. カートタグの設置**

1. 「ショップ管理 ＞ 各種設定 ＞ タグ管理」で「新規作成」をクリックし、カートタグの設置を設定する
   
   | **項目名** | **説明** |
   | --- | --- |
   | タグ名 | 「Flipdeskカートタグ」など、分かりやすい任意の名称を入力 |
   | タグ表示箇所 | body |
   | 説明 | 空欄のまま |
   | 出力タグ | 下記のコンバージョンタグをコピーし貼り付けてください。 ``` <!-- body内に埋める --><script id="fd_cart">    window.fdData = window.fdData \|\| [];    function fdtag(){window.fdData.push(arguments);}    fdtag('track', 'cart', {        'skus': [{% for order_item in order.order_items %}            {                q: '{{ order_item.quantity }}',                sku: '{{ order_item.product.number }}',                t: '{{ order_item.name_with_tax }}{% if order_item.variant.option_values_presentation %} ({{ order_item.variant.option_values_presentation }}){% endif %}',                p: '{{ order_item.price }}',                c: '1'            },             {% endfor %}        ]    });</script> ``` |
2. 「ショップ管理 ＞ 各種設定 ＞ ショップページタグ設定」を開き、「カート 」 にて\[1\]で作成したタグを選択して保存する

### **4. 会員情報連携（ファイル連携）の手順**

オプション「会員情報連携」の契約が必要です。

基本タグに会員情報連携用の`data-sync-user-id`の属性を追加します。  
`api_token=★★★★★`の「★」部分は貴社専用のトークンが入ります。

**▼ 設定例**

```
<script language="javascript" charset="UTF-8" type="text/javascript" src="https://api.flipdesk.jp/chat_clients/flipdesk_chat.js?api_token=★★★★★&enc=UNICODE" data-sync-user-id="{{ order.customer.number }}" defer></script>
```

 

 

- [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content)

    - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89)
    - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE)
- [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content)

    - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA)
    - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A)
    - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98)
    - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86)
    - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A)
    - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD)
    - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD)
- [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content)

    - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)
    - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5)
    - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA)
    - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97)
- [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content)

    - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89)
- [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja)
- [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content)

    - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1)
    - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3)

[![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/)

Copyright © Flipdesk Inc.

Copyright © 2026, 株式会社マテリアルデジタル