メインコンテンツにスキップ

Metaピクセルの設定方法

Apps連携機能を使いMetaピクセルをStudioサイトへ連携する手順をご紹介します。デザインエディタのカスタムコードで行う方法と、AppsでIDを入力する方法があります。

今日アップデートされました

対象プラン: Miniプラン以上(旧プランStarterプラン以上)


Metaピクセルを利用してウェブイベントのトラッキングをするために、Metaビジネス設定でドメインを認証します。Metaピクセルの詳細については、Metaヘルプセンターでご確認ください。

注意

  • 本手順には外部サービスの手順も含まれています。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • 記事内の外部サービスの画面や仕様は2022年1月時点の情報です。記事と異なる場合、外部サービスにて最新情報をご確認ください。

  • 独自ドメインの利用が必要です。Studioサブドメイン studio.site ではご利用いただけません。

1. Metaビジネス設定でドメインを認証する

認証方法は、2023年9月時点で3種類あります。Studioでは「ルートディレクトリにHTMLファイルをアップロードする」では設定できません。他2種類のどちらかでドメインの認証を行ってください。

  • HTMLソースコードにメタタグを追加する

  • ドメインレジストラーでDNS TXTレコードを更新する

  • (Studioでは未対応:ルートディレクトリにHTMLファイルをアップロードする)

注意:ドメイン認証しなくてもご利用いただけますが、iOS 14以降の端末ではコンバージョンイベントを正常に計測できません。

ドメインレジストラーでDNS TXTレコードを更新する

DNS設定はStudio上ではなく、ドメインをご契約のレジストラ(ドメイン管理サービス)での操作となります。詳しくはご契約されているサービス・会社様にご相談ください。

2. HTMLソースコードにメタタグを追加する

Metaビジネスヘルプセンターの記事を参考に解説しています。

(1) Metaでのドメイン設定

  1. Meta[ビジネス設定]の[ブランドセーフティ]セクションにある[ドメイン]に移動します。

  2. [追加]をクリックして新しいドメインを追加します。

  3. [ビジネス設定]の画面に表示されているメタタグをコピーします。

(2) Studioでのカスタムコード設定

デザインエディタで設定する場合

  1. ドメイン認証をするプロジェクトのエディタを開きます。

  2. スクリーン外のグレーの余白部分をクリックします。

  3. 右パネルで設定パネルが開きます。パネルが閉じている場合は、右パネルを開いてください。

  4. [サイト]タブを選択し、サイト設定を開きます。

  5. カスタムコードの<head>内末尾に、(1)でコピーしたメタタグをペーストします。

  6. 公開中のサイトを編集した場合は、サイトを更新して反映します。

ダッシュボードのAppsで設定する場合

  1. ドメイン認証するプロジェクトのダッシュボードホームを開きます。

  2. 左メニューから[Apps]を開きます。

  3. Meta Pixel のAppsを開きます。

  4. カスタムコードの<head>内末尾に、(1)でコピーしたメタタグをペーストします。
    下の図を参考に、コード全文ではなくID部分のみを記入してください。

  5. 保存をクリックします。

(3) Meta社でのドメイン認証

Meta[ビジネス設定]画面で[ドメインを認証]をクリックします。

ドメインを認証できない場合はエラーメッセージが表示されます。
ドメインの認証に失敗する場合は、Metaビジネスヘルプセンターの記事をご覧ください。

Facebook Facebook広告 Meta

こちらの回答で解決しましたか?