ecforceへの導入手順

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

ecforce　Flipdeskタグ埋め込み方法

基本タグの設置
コンバージョンタグの設置
カートタグの設置
会員情報連携連携(ファイル連携)手順

1. 基本タグの設置

ショップ管理　＞各種設定　＞タグ管理　で新規作成をクリック
▼基本タグの設置を設定します▼

項目名	説明
タグ名	タグコードに紐付くタグ名を入力します。店舗様で分かりやすい名称にしていただくことを推奨しております。（例）Flipdesk基本タグなど
タグ表示箇所	body要素の最後に追加
説明	空欄で問題ございません
タグコード	Flipdesk管理画面内の基本タグをコピーして貼り付けてください

ショップ管理　＞各種設定　＞ショップタグ設定　　
「すべての画面」で作成したタグを選択し、保存します。

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

ショップ管理　＞各種設定　＞タグ管理　で新規作成をクリック
▼コンバージョンタグの設置を設定します▼

項目名	説明
タグ名	タグコードに紐付くタグ名を入力します。店舗様で分かりやすい名称にしていただくことを推奨しております。（例）FlipdeskCVタグなど
タグ表示箇所	body
説明	空欄で問題ございません。
出力タグ	下方に記載しているものをコピーし貼り付けてください。（※各クライアント様毎にご用意させて頂いておりますCVタグID部分はFlipdeskの管理画面からご確認ください）

タグHTML部分の記載について
★部分のタグIDは、各クライアント様/各タグ内容により異なります。
Flipdeskの管理画面内に記載されておりますものとなるので、Flipdeskの管理画面にログインしていただき、タグ管理　→コンバージョンタグより、ご確認くださいませ。

<!-- body内に埋める -->
<script id="fd_conversion">
  window.fdData = window.fdData || [];
  function fdtag(){window.fdData.push(arguments);}

  fdtag('track', 'conversion', {
    // コンバージョンタグID(※変更しないでください)
    tid: ★★★,
    q: ' ',
    p: ' ',
    oid: '',
    skus: [　
    ]
  });
</script>

ショップ管理　＞各種設定　＞ショップページタグ設定　　
「ショップ購入（完了）」にて作成したタグを選択し、保存します。

3. カートタグの設置

ショップ管理　＞各種設定　＞タグ管理　で新規作成をクリック
▼カートタグの設置を設定します▼

項目名	説明
タグ名	タグコードに紐付くタグ名を入力します。店舗様で分かりやすい名称にしていただくことを推奨しております。（例）Flipdeskカートタグなど
タグ表示箇所	body
説明	空欄で問題ございません。
出力タグ	下方に記載しているものをコピーし貼り付けてください。

<!-- body内に埋める -->
<script id="fd_cart">
  window.fdData = window.fdData || [];
  function fdtag(){window.fdData.push(arguments);}
  fdtag('track', 'cart', {
    'skus': [　
    ]
  });
</script>

ショップ管理　＞各種設定　＞ショップページタグ設定　　
「カート」にて作成したタグを選択し、保存します。

4. 会員情報連携連携(ファイル連携)手順

設置する基本タグに会員連携用の属性を追加します。
★★★部分には、基本タグ内のapiトークンを記述します。

設定例

<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="" defer></script>