Metaの広告効果を最大化するため、「Metaピクセル(ブラウザ側)」と「コンバージョンAPI(サーバー側)」の併用をおすすめします。
導入により、ブラウザのトラッキング制限や広告ブロッカーの影響を受けにくくなり、makeshopのサーバーから直接データを送信することで計測精度が大幅に向上します。
面倒な開発は不要で、makeshopの管理画面の操作だけで両方の設定が完結します。
設定の流れ
Metaピクセルのベースコードの設置
注文完了画面にコンバージョンタグを設置
コンバージョンAPI(Meta連携)を有効化
1.Metaピクセルのベースコードの設置
Meta Business Suite から取得したピクセルのベースコードを、全ページの <head> タグ内に設置します。
ピクセルのコードはMetaの管理画面より取得し、適切なタグを挿入してください。
設定場所: ショップ構築 / 設定 / SEO・SNS・マーケティング / アクセス解析用のタグの設定 「アクセス解析タグの入力(head タグ用)」
◆参考コード
<!-- 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', '【ピクセルID】');
fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->|
注意事項
|
2.注文完了画面にコンバージョンタグを設置
設定場所:ショップ構築 / SEO・SNS・マーケティング / コンバージョンタグの設定
「新しいタグを登録」より、以下のとおり設定します。
| 項目 | 設定値 |
| タグ名 | 任意(例:Meta コンバージョン) |
| 出力画面 | 注文完了画面 |
| 出力設定 | チェックあり(有効) |
| 出力箇所 |
<head タグの直前 |
「出力内容(開始部)」に以下のコードを貼り付けます。
<script>
fbq('track', 'Purchase',
{
value: [TOTAL_PRICE],
currency: 'JPY'
},
{
eventID: '[ORDER_NUM]'
}
);
</script>[ORDER_NUM] と [TOTAL_PRICE] は、注文が完了するたびに makeshop が自動で実際の注文番号・注文合計金額に置き換えて出力します。手動で書き換える必要はありません。
すでにコンバージョンタグを挿入している場合には、上記のタグを参考にタグの書き換えをおこなってください。
|
注意事項
|
3.コンバージョンAPI(Meta連携)を有効化
設定場所:ショップ構築 / SEO・SNS・マーケティング / アカウント連携
コンバージョンAPI連携「Meta連携」を有効にして、以下の 2 つを入力・保存します。
アクセストークンの取得方法はビジネスでコンバージョンAPIを使用する準備を整えるなどをご確認ください。
| 項目 | 確認場所 |
| Meta ピクセル ID | Meta Business Suite → 「イベントマネージャ」 |
| コンバージョン API アクセストークン | Meta Business Suite → 「イベントマネージャ」 → 「設定」 |
|
注意事項
|
手順 2 と 3 を両方設定する理由
ブラウザ側のピクセル(手順 2)は、広告クリックの詳細なシグナルをリアルタイムに取得できます。一方、コンバージョン API(手順 3)は、広告ブロッカーやブラウザの制限に関わらず、サーバーから直接 Meta に購入データを送信できます。
両方を設定した場合、同じ注文を二重計測しないよう注文番号([ORDER_NUM])を照合キーとして自動的に重複除去します。片方だけでも動作しますが、両方を設定することで計測の精度が向上します。
コンバージョン API で Meta に送信される情報
コンバージョン API(手順 3)を有効にすると、注文完了時に以下の情報が自動的に Meta へ送信されます。
ショップ様による追加設定は不要です。
|
注意事項
|
購入情報
| 項目 | 内容 |
|---|---|
| 注文番号 | 重複計測を防ぐための照合キーとして使用されます。 |
| 注文合計金額(税込) | - |
| 送料 | - |
| 通貨 | JPY 固定 |
商品情報(購入点数分)
| 項目 | 内容 |
|---|---|
| 商品情報 | 商品名 バリエーション項目名:値 ... を連結した文字列で送信。商品毎に送信。 |
| 商品単価 | - |
| 購入数量 | - |
購入者情報
| 項目 | 内容 |
|---|---|
| メールアドレス | ハッシュ化(SHA-256)されて送信されます。Meta が広告の効果測定に使用します。生のメールアドレスが Meta に渡ることはありません。 |
| IP アドレス | 購入時のリクエストから自動取得されます。 |
| ブラウザ情報(User-Agent) | 購入時のリクエストから自動取得されます。 |
Meta 識別情報
| 項目 | 内容 |
|---|---|
| _fbp Cookie 値 | Meta ピクセルがブラウザに自動でセットする識別子です。ユーザーの照合精度向上に使用されます。手順 1 のベースコードを設置することで自動的に取得されます。 |
| _fbc Cookie 値 | Meta 広告をクリックしたユーザーのブラウザに自動でセットされる識別子です。広告クリックと購入の紐付けに使用されます。 |
|
注意事項
|
送信情報のサンプル
{
"data": [
{
"event_name": "Purchase", //固定
"event_time": 1748332800,
"action_source": "website", //固定
"event_id": "P186630590000000000",
"custom_data": {
"currency": "JPY",
"value": 12800,
"contents": [
{
"id": "Tシャツ カラー:ホワイト サイズ:M",
"quantity": 2,
"item_price": 4800
},
{
"id": "レザーベルト",
"quantity": 1,
"item_price": 3200
}
],
"content_type": "product", //固定
"order_id": "P186630590000000000"
},
"user_data": {
"em": "b642b4217b34b1e8d3bd915fc65c4452d6c9b0d4f5a7d1c5fc7e9a6e5b4c3d2a",
"client_user_agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1",
"client_ip_address": "0.0.0.0",
"fbp": "fb.1.1748000000000.1234567890",
"fbc": "fb.1.1748000000000.AbCdEfGhIjKlMnOpQrStUvWxYz"
}
}
]
}
よくある質問(FAQ)
Q. ベースコード(手順 1)を設置していなくても、コンバージョン API(手順 3)だけで計測できますか?
コンバージョン API のみでも購入データの送信は可能です。ただし、Meta はブラウザピクセルとの併用を推奨しています。また、手順 1 のベースコードがない場合、_fbp / _fbc Cookie が取得できないため、ユーザーの照合精度が低下する場合があります。可能な限り両方を設定してください。
Q. コンバージョンタグ(手順 2)を設置しなかった場合はどうなりますか?
コンバージョン API(手順 3)のみで購入データは送信されます。ただし、Meta の計測精度の観点から、手順 2 と手順 3 の両方の設定を推奨します。
Q. すでに GTM(Google タグマネージャー)経由で Meta ピクセルを設置しています。手順 1 は必要ですか?
GTM 経由でベースコードと Purchase イベントをすでに設置している場合、手順 1・2 は不要です。ただし、手順 2 に相当する Purchase イベントに eventID(注文番号)が設定されているかご確認ください。設定がない場合は手順 3 のコンバージョン API と二重計測になる可能性があります。