測定タグ設定（Facebookピクセル（Metaピクセル））

Facebookピクセル（Metaピクセル）

Facebook上での広告や宣伝の効果を測定できるFacebookピクセル（Metaピクセル）は、昨今、ブラウザ各社で強化されているトラッキング規制により、「お客様の情報や購入した際の受注情報」を正確に把握することができなくなる傾向にあります。

コンバージョンAPI機能を利用すると、futureshopサーバーからFacebook広告サーバーに直接情報を送信することができ、トラッキング規制を受けず、より確実な効果測定が可能となります。

設定には手順がございます。
本マニュアルでは、以下の手順の【STEP4】について解説しています。

【STEP1】～【STEP3】がお済でない方は、コンバージョンAPIご利用方法をご覧の上、順に設定をおすすめください。

コンバージョンAPIご利用方法（コンバージョンAPIの設定や利用の全体の流れについて解説しています。）
- 【STEP1】facebookコンバージョンAPIの設定方法
- 【STEP2】ピクセルIDの取得と設定方法
- 【STEP3】アクセストークンの取得と設定
- 【STEP4】futureshop管理画面に測定タグ（Facebookピクセル（Metaピクセル））を設定する（←本マニュアルにて解説）

【STEP4】について、以下の設定を設定＞プロモーション＞測定タグ設定／【コマースクリエイター移行中（切替前）】構築＞プロモーション管理＞測定タグ設定（コマースクリエイター）にて行ってください。

測定タグ設定

利用設定

「利用する」にチェックします。

設定名

「metaピクセル」と入力します。

共通出力

出力設定

「<head>タグ内に出力する」を選択してください。

出力内容

ビジネスマネージャー＞イベントマネージャーからコピーしたピクセル（ペースコード）を貼付してください。
取得方法はMetaピクセルを取得をご覧ください。

以下のコードはサンプルです。そのまま利用しないでださい。

<!-- Meta Pixel Code -->
<script>
  !function (f,b,e,v,n,t,s) {
    if (f.fbq) return; n = f.fbq = function () {
      n.callMethod ?
      n.callMethod.apply(n,arguments) : n.queue.push(arguments)
    };
    if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
    n.queue = []; t = b.createElement(e); t.async = !0;
    t.src = v; s = b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)
  }(window,document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init','XXXXXXXXXXXXXXX');
  fbq('track','PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->

商品検索結果一覧

出力設定

「<body>タグ内(</body>の前)に出力する」を選択してください。

出力内容

<script>
fbq('track', 'Search');
</script>

商品詳細

出力設定

「<body>タグ内(</body>の前)に出力する」を選択してください。

出力内容

<script>
fbq('track', 'ViewContent', {
    content_ids: '{% analytics.product.url %}',
    content_category: 'product',
    content_name: '{% analytics.product_name %}',
    content_type: 'product',
    currency: 'JPY',
    value: '{% analytics.product.price_including_tax %}'
});
</script>

注文完了ページ

出力設定

「<body>タグ内(</body>の前)に出力する」を選択してください。

出力内容

<script>
fbq('track', 'Purchase', {
    content_category: 'product',
    content_ids:[{% analytics.item_info %}],
    content_type: 'product',
    currency: 'JPY',
    value: '{% analytics.purchase_price_including_tax %}'
}, {eventID: '{% facebook_pixel.event_id %}'});
</script>

※「Facebook Pixel イベントID（{% facebook_pixel.event_id %}）」を送信することで、Facebookピクセル（Metaピクセル）とコンバージョンAPIを使用して送信された同一のイベントの重複を除外できます。

商品情報置換文字の設定

{'id': '{% analytics.product.url %}', 'quantity': {% analytics.quantity %}}

区切り文字

「,」（半角カンマ）を入力します。

申込完了ページ

※定期購入・頒布会機能ご利用時のみ

出力設定

「<body>タグ内(</body>の前)に出力する」を選択してください。

出力内容

<script>
fbq('track', 'Purchase', {
    content_category: 'product',
    contents:[{% analytics.item_info %}],
    content_type: 'product',
    currency: 'JPY',
    value: '{% analytics.purchase_price_including_tax %}'
}, {eventID: '{% facebook_pixel.event_id %}'});
</script>

商品情報置換文字の設定

{'id': '{% analytics.product.url %}', 'quantity': {% analytics.quantity %}}

区切り文字

「,」（半角カンマ）を入力します。

会員登録完了

出力設定

「<body>タグ内(</body>の前)に出力する」を選択してください。

出力内容

<script>
fbq('track', 'CompleteRegistration', {eventID: '{% facebook_pixel.event_id %}'});
</script>