WordPressにFacebookピクセルを追加する方法(eコマーストラッキングを含む)

Facebookでリターゲティング広告を検討していますか?WordPressにFacebookピクセルをインストールしたいですか?

以前にあなたのコンテンツを閲覧したことがある人々を対象とした Facebook 広告キャンペーンを設定することは、あなたのサイトへのトラフィックをさらに増やすための素晴らしい方法です。

この記事では、WordPress に Facebook ピクセルを追加してリターゲティング広告を設定する方法をステップバイステップでご紹介します。

WordPressにFacebookリターゲティングピクセルを追加する

Facebookリターゲティングピクセルを使用してソーシャルリーチを拡大する理由

当社の創設者兼CEOであるSyed Balkhiは、WPBeginnerのFacebookトラフィックを2015年に332%増加させた方法に関するケーススタディを発表しました。この記事は、読者から大きな関心を集め、自身のウェブサイトでも同様のことを行う方法を知りたいという声が多く寄せられました。

Facebook広告を使用してFacebookページの投稿をブーストする場合、幅広いターゲットオーディエンスを選択できます。リターゲティングを使用すると、オーディエンスを絞り込み、より少ない費用でより良い結果を得ることができます。

あなたのウェブサイトにすでに興味を持っている人々に広告を表示できます。これらの人々は、Facebookでの投稿のブーストや広告に反応する可能性がはるかに高くなります。

Facebookリターゲティングピクセルとは何ですか?

ウェブサイトを訪問した後、その広告がFacebookに表示されることに気づいたことはありますか?これはリターゲティングまたはリマーケティングと呼ばれます。

これらのウェブサイトは、FacebookピクセルまたはMetaピクセルとして一般的に知られているFacebookのリターゲティングテクノロジーを使用しています。

リターゲティングピクセルは、ウェブサイトに目に見えるものを追加しません。訪問者にブラウザCookieを送信するだけです。

これにより、Facebookはあなたのウェブサイトを訪問したユーザーにFacebookでリターゲティングできるようになります。

FacebookリターゲティングピクセルをWordPressサイトに追加する方法を見てみましょう。

ステップ 1. Facebookリターゲティングピクセル(Metaピクセル)の作成

簡単にするために、WordPressプラグインのインストール方法に関するビデオチュートリアルを作成しました。以下でご覧いただけます。

WPBeginnerを購読する

ただし、テキストの手順に従いたいだけであれば、WordPressにFacebookのリターゲティングピクセルをインストールする方法に関するステップバイステップのチュートリアルに従うことができます。

まず、Facebookアカウントにログインし、Meta Business Suiteにアクセスする必要があります。次に、すべてのツール » イベントマネージャーをクリックします。

Meta Business Suiteを開き、イベントマネージャーをクリックします

次に、左側のメニューにある「+データソースに接続」ボタンをクリックし、「Web」オプションを選択します。

その後、「接続」ボタンをクリックします。

Facebookイベントマネージャーでデータソースに接続する

次のポップアップウィンドウで、ピクセルの名前を入力する必要があります。これは、ビジネスまたは製品の名前になります。

次に、「ピクセルを作成」ボタンをクリックして続行します。

ピクセルの名前を入力してください

次に、ウェブサイトのURLを入力し、「チェック」ボタンをクリックして、WordPressやShopifyのようなサポートされているパートナーとの統合に適格かどうかを確認します。

Facebookメタピクセルを作成するためにウェブサイトのURLを入力してください

サイトが連携対象となる場合、緑色のチェックマークが表示され、「次へ」ボタンをクリックして続行できます。

次に、ウェブサイトを接続してアクティビティをFacebookに送信する方法を選択する必要があります。

このチュートリアルでは、「Meta Pixel のみ」オプションを選択します。後でピクセルに加えてコンバージョン API を設定することもできます。

ウェブサイトのMetaピクセルを接続する方法を選択する

続行するには「次へ」をクリックします。

次に、ウェブサイトにピクセルコードを追加する方法を選択する必要があります。

ウェブサイトの技術的なことを他の誰かが管理している場合は、ピクセルコードをメールで送信できます。それ以外の場合は、「コードを手動でインストール」ボタンをクリックして自分でインストールしてください。

Facebook Metaピクセルコードを手動でインストールするオプションを選択します

Facebookには、WordPressサイトにインストールする必要があるピクセルコードが表示されるようになります。

「コードをコピー」ボタンをクリックするだけでピクセルコードがコピーされ、WordPressにインストールする方法が表示されます。

Facebook Metaピクセルのコードをコピーする

ステップ2. WordPressにFacebookピクセルをインストールする(+ eコマーストラッキング)

WordPressテーマの</head>の直前にFacebookピクセルコードを追加する必要があります。

これを行う最も簡単な方法は、無料のWPCodeプラグインを使用することです。

WPCodeはWordPress向けの最高のコードスニペットプラグインです。テーマファイルを編集することなく、WordPressサイトのヘッダーとフッターに簡単にコードを挿入できます。

開始するには、WPCode プラグインをインストールして有効化する必要があります。手順については、WordPressプラグインのインストール方法のガイドを参照してください。

プラグインをインストールして有効化した後、コードスニペット » ヘッダー & フッターページに移動する必要があります。

次に、Facebookピクセルコードをヘッダーボックスに貼り付けるだけです。

WPCodeのヘッダーボックスにFacebookピクセルを貼り付ける

終了したら、「変更を保存」ボタンを押すのを忘れないでください。

WordPressにヘッダーとフッターのコードを追加する方法については、WordPressにヘッダーとフッターのコードを追加する方法のガイドをご覧ください。

これで、WordPressウェブサイトにFacebookピクセルが正常にインストールされました。

代替案:eコマーストラッキングでWooCommerceにFacebookピクセルを追加する

オンラインストアをお持ちの場合は、WPCodeのプレミアムバージョンにアップグレードして、eコマース追跡ピクセルを追加し、広告パフォーマンスを向上させることができます。

WPCode Proバージョン

WPCodeのコンバージョンピクセルアドオンを使用すると、Facebook、Google広告、Snapchat、Pinterest、TikTokなどの人気プラットフォームのeコマーストラッキングピクセルを簡単に1クリックで追加できます。

WooCommerce および Easy Digital Downloads とシームレスに統合されるため、追加の設定は不要です。

商品ページビュー、カート追加、チェックアウト、購入などのeコマースイベントを迅速に選択できるため、広告のパフォーマンスをよりよく理解し、広告費用対効果(ROAS)を改善できます。

まず、プレミアムプラグインであるWPCodeをインストールして有効化する必要があります。コンバージョンピクセルアドオンにアクセスするには、Plusプラン以上が必要です。手順については、WordPressプラグインのインストール方法に関するガイドを参照してください。

その後、ステップ#1と同じ手順で、WooCommerce用のFacebookピクセルを作成します。

次に、FacebookビジネスアカウントのFacebookイベントマネージャーの「データソース」の下にあるピクセルIDをコピーします。

FacebookピクセルIDをコピーする

次に、WordPressダッシュボードからCode Snippets » Conversion Pixelsに移動し、「Facebook Pixel ID」フィールドにピクセルIDを貼り付けます。

Facebook Pixel IDを貼り付けてください

その後、eコマーストラッキングを設定するために、FacebookコンバージョンAPIトークンを追加する必要があります。

そのためには、Facebookイベントマネージャーの「データソース」画面に戻り、ピクセルをクリックします。ピクセルが選択された状態で、「設定」タブをクリックし、「アクセストークンを生成」リンクをクリックします。

FacebookコンバージョンAPIのアクセストークンを生成する

リンクをクリックすると、アクセストークンが自動的に生成されます。アクセストークンをコピーして、WPCodeの「Conversions API Token」フィールドに貼り付けるだけです。

WPCodeにコンバージョンAPIトークンを貼り付ける

ページを下にスクロールして、追跡するeコマースイベントの種類を選択できるようになりました。

デフォルトでは、すべてのイベントトラッキングが有効になっています。ただし、いずれかのオプションのイベントトラッキングをオフにしたい場合は、スイッチを「オフ」に切り替えるだけです。

WPCodeでイベント追跡を有効または無効にする

ページ下部にある変更を保存ボタンをクリックすることを忘れないでください。

これで、WooCommerce用のFacebookピクセルが正常に追加され、eコマースイベントの追跡準備が整いました。

ステップ3. Facebookピクセルを使用したカスタムオーディエンスの作成

WordPressサイトにFacebookピクセルを正常にインストールしたので、次のステップはFacebookでのリターゲティングキャンペーン用のカスタムオーディエンスを作成することです。

カスタムオーディエンスを使用すると、Facebook広告で既に知っているユーザーをターゲットにすることができます。これらのユーザーは、ウェブサイトの訪問者、ページに「いいね!」したユーザー、またはメーリングリストに登録したユーザーである可能性があります。

Facebookでカスタムオーディエンスを作成する方法は次のとおりです。

単純にMeta Business Suiteダッシュボードにアクセスし、すべて ツール » オーディエンス セクションに移動します。

すべてのツールをクリックし、オーディエンスオプションを選択します

次のページで、「カスタムオーディエンスを作成」ボタンをクリックします。

カスタムオーディエンスを作成ボタンをクリック

これによりポップアップが表示され、Facebookでターゲットにしたいオーディエンスソースを選択する必要があります。

ウェブサイト、顧客リスト、アプリのアクティビティなどを選択できます。このチュートリアルでは、「ウェブサイト」オプションを選択します。

カスタムオーディエンスのソースを選択してください

その後、「次へ」ボタンをクリックします。

Facebookは、どのウェブサイトのオーディエンスをターゲットにするか尋ねます。すべてのウェブサイト訪問者、特定のページを訪問したユーザー、または滞在時間別の訪問者を選択できます。

カスタムオーディエンスのイベントを選択

次に、日数を指定する必要があります。最後に、オーディエンス名を提供する必要があります。インサイトでこのオーディエンスを簡単に識別できるような名前を使用してください。

完了したら、「オーディエンスを作成」ボタンをクリックして、最初のカスタムオーディエンスの作成を完了します。

Facebookリターゲティングで、さらにカスタムオーディエンスを作成するためにプロセスを繰り返します。

ステップ4. Facebookリターゲティングピクセルを使用してカスタムオーディエンスに広告を表示する

カスタムオーディエンスとエンゲージメントする本当の楽しさは、Facebook広告を使用することから始まります。

まず、Facebookで新しい広告を作成します。目的別にさまざまな種類の広告を実行できます。ページの投稿をブーストしたり、ウェブサイトへのトラフィックを送信したり、コンバージョンを増やしたりするなどです。

選択する目的に応じて、広告作成の途中でターゲットオーディエンスを選択できるようになります。

同じオーディエンス選択で、Facebookはカスタムオーディエンスを表示し、広告キャンペーンでターゲットにするためにそれを選択できます。

Facebookでのリターゲティングカスタムオーディエンス

この記事が、WordPressにFacebookリマーケティング/リターゲティングピクセルをインストールするのに役立ったことを願っています。また、「WordPressにFacebookコメントをインストールして設定する方法」に関するガイドや、「ブログを成長させるための最高のWordPress Facebookプラグイン9選」の専門家のおすすめもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

44 CommentsLeave a Reply

  1. これの更新版を作成してもらえませんか?現在、FBにはパートナー統合オプションがあります。このバージョン(プラグインをダウンロードする)を試しましたが、パートナーの方法も試しましたが、どちらの方法もうまくいきません。

  2. 投稿ありがとうございます。Facebookがリンクとプロセスを変更したため更新が必要ですが、ついにピクセルをウェブサイトに追加しました。WordPressカスタムライザーの改善により、ピクセルコードを /head の上に追加するためにプラグインは不要になりました。

    • Thank you for your feedback and we still recommend the plugin to ensure it is included on every page on the site :)

      管理者

  3. 特定のウェブサイトにFacebookピクセルを自動的に設定するFacebook for WooCommerceプラグインを使用していました。

    新しいホスティングアカウントを開始し、ドメイン名のサーバーを新しいホスティングアカウントに向くようにリダイレクトしました。

    私の質問は、ホスティングアカウントを変更してサイトをゼロから構築し始めたので、ピクセルはまだ私のドメインにアタッチされていますか?

    • 残念ながら、そのプラグインについては、そのような変更の処理方法についてプラグインのサポートに確認する必要があります。

      管理者

  4. WpBeginnerさん、これで正しくできたと思います。ありがとうございます!Facebookの2つ目のコードを、特定のページにアクセスしたユーザーを追跡するためにどう使えばいいのか、まだよくわかりません。FBと私のWPサイトを行ったり来たりして2時間以上探しましたが、いつものように諦めてしまいました。

    これがどのように機能するのかさえわかりません。ヘッダーとフッターのプラグインはコードをどこに配置するのですか?すべてのページに配置されるのですか?FBコードの2番目の部分をこの下に加えるだけでよいのですか?それは . の後に入れる必要がありますか?ページテンプレートに入れますか?投稿テンプレートに入れますか?いつものように迷っています。FBがこれを簡単にするまで、私は気にしません。オーディエンス、人口統計、国、イベントなどを選択することは、ほとんどの事業主にとって圧倒的すぎます。お金を持っている人はオンラインで生き残ることができます。彼らは誰かにそれをやらせることができます。私のような一人事業主は最終的に消滅するでしょう。このようなことに時間を無駄にしてお金を稼ぐことはできないので、状況は悪化するばかりです。14年間Googleの最初のページにいたのに、すでに落ちてしまいました。ここからすべて下り坂だと思います。何か別のことをする時間です。

  5. ありがとうございます!指示に従いました。ヘッダーとフッターはすでにインストールされており、ヘッダーセクションにはすでにコードがありましたので、その上にこれを配置しました。それで大丈夫ですか?

    ありがとう、

    Angie

    • はい、大丈夫です。分析コードとピクセルコードの両方をヘッダーセクションに追加しました。

      • はい、問題ありません。これは単なるコードです。
        このコードは、サイトのページが実行されるたびに読み込まれます。それは問題ありません。両方のコードが実行され、それぞれのコードによってFBとGoogleにデータを送信します。

  6. こんにちは。FBピクセルについて、どこを探しても答えが見つからない質問が一つあります。ShopifyにはTrackifyというアプリがあり、例えば商品ごとにイベントをセグメント化できるため、カスタムイベントを設定せずに特定の商品を購入したユーザーを非常に的確にターゲティングできます。WordPressにも同様のプラグインはありますか?もし助けていただけたら、本当に助かります!解決策を探すのに疲れ果てています。

  7. このチュートリアル、本当にありがとうございます。FBピクセルをどう使えばいいのか全く分かりませんでした。重ねて感謝いたします。
    Vinton

  8. プラグインを使用してピクセルをインストールしました。
    ピクセルは自動的にすべてのページに配置されますか?
    ありがとうございます

  9. この投稿が書かれてから、Facebookはこの手順の詳細をいくつか変更したようです。新しいピクセルが登場し、イベントコードのコピーも必要になりました。この記事とプラグインのコンテキストでは、これをどのように/どこで行いますか?

  10. プラグインの制約がある場合、ページロード時にピクセルを発火させるにはどうすればよいですか?

    明確にします。Facebookによると、ページロード時にイベントを発生させたい場合は、その特定のイベントのコードをheadタグの下に貼り付ける必要があります。

    あなたが推奨するプラグインや、WPで利用可能な他のすべてのプラグインは、この問題に対処していません。

    おすすめはありますか?

  11. コードをヘッダー部分ではなくフッター部分に追加することは可能ですか?通常、トラッキング目的であれば、SEO目的のためにフッター部分に実装する方が良いでしょう。

  12. I went ahead and installed the pixel because i wanted more visits to my music site. I started filling in the remarketing stuff in FB, then I came to the part about paying! I didn’t realise I had to pay so I’ve uninstalled the remarketing pixel in WP and delete everything in FB that I’d filled out. I hope I don’t start getting demands for money. Maybe you could add a note to your article that there will be payment involved in FB marketing. I guess I should have realised. :-(

    • マーケティングや広告にお金を払う必要はないと思っていたのですか?過去1000年間、どこで何をしていたのですか?

  13. 素晴らしい記事です!ありがとうございます

    私は自分のサイトでWordPressを使用しています。 「ヘッダーとフッター挿入アプリ」を使用してFacebookピクセルをインストールすることに成功しました。Facebookによると、正常にインストールされています。

    WordPressで、標準イベントコードをインストールする最良の方法は何ですか?フォーム送信後に表示される「ありがとう」ページをコンバージョン参照として使用したいのですが。

    ありがとうございます!

    • 私もWPBeginnerのヘッダーとフッターへの挿入を通じてFacebookピクセルコードを正常にインストールしました。次に、標準イベントコードを追加する方法を知りたいです。誰か教えていただけますか?WPBeginnerに感謝します。

  14. 1ヶ月ほど前にWPサイトにFBリターゲティングピクセルを追加しましたが、Facebook Pixel Helperはインストールされて動作していると表示されていました。今、「聞く」ところによると新しいFacebookピクセルがあり、私のFacebook Pixel Helperはサイトに「Facebookピクセルがありません」と表示しています。

    読んだ記事は、知りたくないことすべてについて、世界中を駆け巡っています。私が知りたいのは、ピクセルを交換する方法だけです。あなたは信頼できる情報源なので、尋ねてみようと思いました…新しいピクセルは出ましたか?そして、それを最初に追加したのと同じくらい簡単に(プラグインで)追加または置き換えることができますか、それとも各ページに手動でコードを追加する必要がありますか?

  15. これらの検索のように、他のルールを追加するにはどうすればよいですか? fbq(‘track’, ‘Search’);
    カートに追加 fbq(‘track’, ‘AddToCart’);
    ウィッシュリストに追加 fbq(‘track’, ‘AddToWishlist’);
    コードに単純に追加すればよいのでしょうか?

  16. コンバージョン追跡のために標準/カスタムイベントを追加する場合、Facebookピクセルを再コピーして、新しいものをウェブサイトに貼り付ける必要がありますか?

    これは、ウェブサイトのコードを更新するまで、ページビューデータしか持たないという意味ですか、それとも元の基本的なピクセルがインストールされていた限り、あらゆる種類のデータが遡って利用可能になりますか?

  17. こんにちは、

    これを行いましたが、Facebookピクセルはトラッキングしています。しかし、私はMailchimp APIとサインアップフォームも使用しており、ヘッダーにピクセルのリードおよび登録完了の側面を追加しました。Chromeアドオンがそれを示しているように、それらは発火していますが、サインアップフォームはサインアップまたは登録完了としてトリガーされていません。私の問題をうまく説明できているかどうかわかりません。したがって、ビジネスマネージャーとピクセルでは、私のサイトを訪れる人々を見ることができます。しかし、彼らがサインアップしても、リードまたは登録完了の値は依然として0です。これが発生する理由についてのアイデアはありますか?古いFBコンバージョンピクセルを使用しましたが、それは問題ありませんでした。この新しいものは非常に迷惑です!

    Cheers

  18. すごい!この投稿を書いて、この重要なツールの実装を支援するビデオを録画していただき、本当にありがとうございます。

  19. こんにちは、

    WordPressサイトに「Facebookピクセルコード」を追加する必要があります。

    このプラグインがそれに適しているかどうか教えていただけますか?

    ありがとう

  20. 著者様、コンバージョン測定の追加機能について質問があります。ご指示通り、Facebookピクセルをプラグインのヘッダーセクションに配置すると、そのコードはすべてのページに表示されます。しかし、コンバージョンページがある場合、その特定のページを個別に選択し、Facebookピクセルの途中に fbq(‘track’, ‘Lead’); のようなカスタムイベントを追加するにはどうすればよいですか?

    通常、WordPressやその他のCMSでは、ヘッダーに何かを入れると、それはすべてのページに表示されます。特定のページに対して異なるものを表示するにはどうすればよいですか?

    ありがとうございます!

  21. 素晴らしい記事です。すぐにこの機能を使用できますか、それともまずFacebook広告キャンペーンを購入する必要がありますか?つまり、有料のFacebook広告のことです。

    クールな投稿をありがとう、Syed Balkhi。

  22. こんにちは
    これについてお尋ねしたいのですが

    これはFacebook広告を最初に利用していますか?Facebook広告のサブスクライバーユーザーになる

    ありがとうございます。

  23. これは完璧です。Facebook広告の実験を始めます。

    それとは別に、Facebookの訪問者がどこから来ているかを知る方法はありますか?時々、多くの新規ユーザーを獲得しますが、誰が私のウェブサイトへのリンクを共有したのか全く分かりません。

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。