ホームに戻る

Flipdeskサポートセンター

Flipdeskスタートガイド

初期設定（タグ設置）

w2Commerceへの導入手順（新フォーマット）

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

基本タグの設置
コンバージョンタグの設置
カート情報取得タグの設置
各タグの動作確認方法

1.基本タグの設置

CMS＞タグマネージャーを表示し、新規登録を選択します。

各項目を以下のように設定します。

項目名	説明
タグ名	任意の名前を記入（Flipdesk基本タグ等分かりやすいもの）
表示区分	PC/SP　を選択します
設置個所/出力箇所	全ページ出力、body下部　を選択します
表示順	２　　を選択します
有効フラグ	有効　をcheckします

続いてタグ設定を行います。

項目名	説明
タグ設定	Flipdesk管理画面＞タグ管理＞基本タグから基本タグをコピーしてタグ設定の入力フォームに貼り付けます。基本タグ（★★★の部分はサイト固有の値が当てはまります。）
商品タグ内容	商品タグを利用しない　を選択します
広告媒体区分(アクセス時) 表示条件	条件指定なし　を選択します
広告コード(アクセス時) 表示条件	条件指定なし　　を選択します
商品ID(カート内または注文内) 表示条件	条件指定なし　をcheckします

登録する、を押して基本タグの設置は完了です。

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

CMS＞タグマネージャーを表示し、新規登録を選択します。

各項目を以下のように設定します。

項目名	説明
タグ名	任意の名前を記入（FlipdeskCVタグ等分かりやすいもの）
表示区分	PC/SP　を選択します
設置個所/出力箇所	注文完了、body下部　を選択します
表示順	１　　を選択します
有効フラグ	有効　をcheckします

続いてタグ設定を行います。

タグ設定の入力フォームに以下のコードを貼り付けます。

★★★の部分には固有のタグIDが入ります。管理画面＞タグ管理＞コンバージョンタグから使用したいコンバージョンタグのtidを確認してください。

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

const fd_cv_datas = [
  @@ORDER_LOOP_START@@
  {
  q: @@ORDER_ITEM_QUANTITY@@,
  p: @@ORDER_PRICE_SUB_TOTAL@@,
  oid: @@ORDER_ID@@,
  skus: [@@PRODUCT@@],
  },
  @@ORDER_LOOP_END@@
  ]

 let formatted_cv_data = {
    tid: ★★★,
    q: 0,
    p: 0,
    oid: '',
    skus: []
  }

for(const value of fd_cv_datas){
    formatted_cv_data.p += value.p
    formatted_cv_data.q += value.q
    formatted_cv_data.oid = String(value.oid)
    for(const sku of value.skus){
      formatted_cv_data.skus.push(sku)
    }
  }

fdtag('track', 'conversion', formatted_cv_data)

</script>

続いて商品タグの登録を行います。

商品タグの登録＞商品タグ設定の追加、に以下のように登録します。

項目名	説明
商品タグ設定名	任意の名前を記入（flipdesk_CVタグ等分かりやすいもの）
タグ内容	以下をコピーし貼り付けてください。 { q: @@QUANTITY@@, sku: '@@PRODUCT_ID@@', t: '@@PRODUCT_NAME@@', p: @@PRODUCT_PRICE@@, c: '@@VARIATION_ID@@' }
区切り文字	,　（カンマを入れてください）

入力完了後、「追加」を行ってください

商品タグの登録が完了したら、商品タグ内容を設定します。

以下のように設定してください。

項目名	説明
商品タグ内容	flipdesk_CV　(先ほど作成した商品タグを選択します)
広告媒体区分(アクセス時) 表示条件	条件指定なし　を選択します
広告コード(アクセス時) 表示条件	条件指定なし　　を選択します
商品ID(カート内または注文内) 表示条件	条件指定なし　をcheckします

登録する、を押してCVタグの設置は完了です。

3.カート情報取得タグの設置

CMS＞タグマネージャーを表示し、新規登録を選択します。

各項目を以下のように設定します。

項目名	説明
タグ名	任意の名前を記入（Flipdeskカートタグ等分かりやすいもの）
表示区分	PC/SP　を選択します
設置個所/出力箇所	カートリスト、body下部　を選択します
表示順	１　　を選択します
有効フラグ	有効　をcheckします

続いてタグ設定をします。タグ設定の入力フォームに以下のコードを貼り付けます。

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

  fdtag('track', 'cart', {
    'skus': [
@@CART_LOOP_START@@
@@PRODUCT@@
,@@CART_LOOP_END@@
]
   });
</script>

続いて商品タグの登録をします。

商品タグの登録＞商品タグ設定の追加、に以下のように登録します。

項目名	説明
商品タグ設定名	任意の名前を記入（flipdesk_カートタグ等分かりやすいもの）
タグ内容	以下をコピーし貼り付けてください。 { q: @@QUANTITY@@, sku: '@@PRODUCT_ID@@', t: '@@PRODUCT_NAME@@', p: @@PRODUCT_PRICE@@, c: '@@VARIATION_ID@@' }
区切り文字	,　（カンマを入れてください）

入力完了後、「追加」を行ってください

商品タグの登録が完了したら、商品タグ内容を設定します。

以下のように設定してください。

項目名	説明
商品タグ内容	flipdesk_カートタグ　(先ほど作成した商品タグを選択します)
広告媒体区分(アクセス時) 表示条件	条件指定なし　を選択します
広告コード(アクセス時) 表示条件	条件指定なし　　を選択します
商品ID(カート内または注文内) 表示条件	条件指定なし　をcheckします

登録する、を押してカートタグの設置は完了です。

4.各タグの動作確認方法

各タグの動作確認方法はこちらをご確認くださいませ。