Facebookピクセルの作成と設定方法

Facebookピクセルはウェブベースのツールで、ウェブサイト上でのユーザーの行動を追跡し、ターゲットとなる行動を分析し、広告キャンペーンに最も近いオーディエンスを作成することができます。

ページのHTMLコードにFBピクセルを設定する

サイト設定またはFBピクセルのHTMLコードにピクセルIDを追加する。

Facebook APIによるコンバージョン

フォームまたはカート送信後にTilda サーバーから Web イベントを送信する

1

Facebook広告マネージャ → メニュー → 測定とレポート → ピクセル.

In Facebook Ads Manager menu: "Pixels" under the "Measure & Report" section.

2

In Facebook Events Manager: the "Create a Pixel" button at the bottom of the page.

ピクセルの作成」をクリックする。

3

名前を決めて「作成」をクリック。

In Facebook Events Manager: the "Create" button in the bottom right corner of the "Create a Facebook Pixel" pop-up window.

4

"Manually Install the Code Yourself "を選択する。

In the Facebook Events Manager modal "Install Your Pixel Code": the "Manually Install the Code Yourself" option.

5

番目のリスト項目のコードをコピーする。

In Facebook Events Manager, the "Install Pixel Code" window with the pixel code block to copy and the "Continue" button at the bottom.

Tilda で、サイト設定→その他→ヘッドセクションのHTMLコード→コードを編集する。

In Site Settings > "Insert code": the "Edit code" button under "HTML CODE FOR THE HEAD SECTION".

前にコピーしたコードを貼り付け、保存をクリックし、すべてのページを再公開する。

Edit code inside HEAD tag screen: the code editor field with tracking code and the "Save" button in the upper-right corner.

すべて終わった！

Facebook APIコンバージョンを利用する

Conversions APIは、Facebookピクセルにイベントを送信するサーバーサイドの方法です。ピクセルは、フォームからの送信（Leadイベント）とショッピングカートからの支払い（Purchaseイベント）に関するデータを受け取ります。

始めるには、Facebook Business Suiteの右側メニューにあるEvent Managerツールにアクセスしてください。

In Facebook Business Suite: "Events Manager" in the "More Tools" menu on the left.

Connect Data Source "ボタンをクリックし、"Web "カテゴリーを選択する。

In Facebook Events Manager: the "Connect a New Data Source" pop-up window with the selected "Web" option and the "Connect" button.

API Conversions "接続方法を選択する。

In Facebook Events Manager: the "Set up Web Events" window with the "Conversions API" option selected, and the "Connect" button in the bottom right corner.

ピクセル名を追加し、"Continue "ボタンをクリックします。

In Facebook Events Manager, the "Set up Web Events With the Conversions API" window with the "Name Your Pixel" field and the "Continue" button.

ピクセル設定に進みます。ピクセルIDがここに表示されます。

In Facebook Events Manager: the "Settings" tab of a pixel, showing the "Conversions API" section with options to set up manually or through a partner.

ピクセル設定をスクロールダウンし、API変換セクションに到達する。Generate Access Token "リンクをクリックし、ドキュメントまたはノートにコピーする。

In Facebook Events Manager: the "Settings" tab in the pixel settings under "Data Sources".

In Meta Events Manager, the "Copy Code to Clipboard" option on the generated access token field under the "Conversions API" section in the "Settings" tab.

サイト設定 → フォーム → FacebookコンバージョンAPI.

The "Facebook" option under "OTHER" in the form services list.

対応するフィールドにピクセルIDとアクセストークンを入力し、変更を保存します。接続が完了すると、tilda.ccドメインからのLead testイベントがピクセルに送信されます。

Data collection setup: Facebook Conversion page with filled "PIXEL ID" and "ACCESS TOKEN FOR API CONVERSION" fields and the "Add" button below.

データを送信したいフォームのコンテンツに移動し、Facebook Conversion API Data Receiverチェックボックスをチェックします。

Block Content panel: the "FBCONVERSION: FB PIXEL" checkbox under "CONNECTED SERVICES:" in the "FORM DATA RECEIVER" section.

フォームからデータを送信すると、そのイベントがピクセル概要ページに表示されます。コンバージョンAPIを通じて送信されたイベントは、サーバー接続メソッドを通じて送信されたものとしてマークされます。