ボタンやページにFacebookピクセルのコードを設定する

まずはFacebookビジネスマネージャでピクセルを作成します。

  1. 作成したピクセル画面上部の「設定する」を押すと「ピクセルコードをインストール」というポップアップが開きます。
  2. 「自分でコードをインストール」 を押します。
  3. 「ピクセルコード全体をコピーして、ウェブサイトのヘッダーに貼り付けてください」のコードをコピーして、’‘直前に埋め込みます。
  4. 上部の「イベントを追加」を押します。
  5. 「2. トラッキングしたいイベントを追加」から適宜選択します。
  6. 「リード獲得」の場合は以下のようにします。

画面を表示した時にリード獲得になる場合

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

ボタンを押した時にリード獲得になる場合

<a id="sample" href="###" target="_blank">読者になる</a>
<script>
  $('[id^=sample]').click(function () {
    fbq('track', 'Lead');
  });
</script>

標準イベント一覧抜粋

  • 購入
<script>
  fbq('track', 'Purchase');
</script>
  • リード獲得
<script>
  fbq('track', 'Lead');
</script>
  • 登録の完了
<script>
  fbq('track', 'CompleteRegistration');
</script>
  • 支払い情報の追加
<script>
  fbq('track', 'AddPaymentInfo');
</script>
  • カートに追加
<script>
  fbq('track', 'AddToCart');
</script>
  • ウィッシュリストに追加
<script>
  fbq('track', 'AddToWishlist');
</script>
  • チェックアウト開始
<script>
  fbq('track', 'InitiateCheckout');
</script>
  • 検索
<script>
  fbq('track', 'Search');
</script>
  • コンテンツビュー
<script>
  fbq('track', 'ViewContent');
</script>

参考:標準イベントとカスタムコンバージョンの違いは何ですか。 Facebook ピクセル のコード埋め込みについてメモ