How to Install a Facebook Pixel on Your Website: A Step-by-Step Guide

Sep 10, 2024

Facebook

Facebook

Table of Contents

title

Welcome to our Zen Digital Toolkit, a place where we break things down into simple, actionable steps that you can use in your daily marketing efforts. 

In this series we'll guide you with practical roadmaps that will bring calm and clarity to your marketing journey. Whether you’re working on lead generation, digital campaigns, or setting up your ads, these tips will help you stay on track.

What is a Facebook Pixel and Why Is It Important?

The Facebook Pixel is a handy tool that helps you see how people are interacting with your website, build custom audiences, and measure how well your Facebook ads are doing. By adding it to your site, you can gather valuable insights to fine-tune your ads and boost conversions. It's a must-have for businesses looking to level up their online advertising and make smarter, data-driven decisions.

Steps for Configuring Facebook Pixel on Your Website

Step 1: Environment Setup

Before you start, ensure you have:

  • A Facebook Business Manager account.

  • The Facebook Pixel Helper Chrome extension installed.

  • Google Tag Manager (GTM) set up on your site. If not, follow our guide on how to add Google Tag Manager.

Step 2: Installing the Facebook Pixel

  1. Log in to Facebook and go to Facebook Business Manager.

  2. In the sidebar, navigate to “All Tools” ➝ “Events Manager.”

  3. Select the business you want to run ads for.

  4. Under Data Sources, choose “Meta Pixel” and select “Check for Partner.”

  5. Under Data Sources, choose “Meta Pixel”

  6. Select “Check for Partner.”

  7. Select “Google Tag Manager” from the partner list.

  8. You’ll be prompted to turn on Advanced Matching. If you're not familiar with this, you can leave it off for now and click “Next.”

  9. You can turn on “Advanced Matching” now or come back to this step later on.

  10. Log in to your Google Account and provide access for FB Pixel installation.

  11. Select the access to provide for FB Pixel Installation. We recommend selecting all and click “Continue”. 

  12. Click “Finish Setup.”

  13. Since you just want to add the Pixel Base Code, for now, you will just need to click “Next”. You might see a warning that mentions that the pixel hasn’t received any events. This is normal since you’ve just installed it—we’ll verify the installation later in this SOP.

  14. You’ll receive a confirmation screen once the setup is complete.


Step 3: QA the Facebook Pixel

  1. Open your website using Chrome.

  2. Click on the Facebook Pixel Helper extension in your browser.

  3. Verify that the Pixel ID matches the one in your Meta Business Manager. If it’s working correctly, the extension should detect at least one active pixel.

That's it!

Welcome to our Zen Digital Toolkit, a place where we break things down into simple, actionable steps that you can use in your daily marketing efforts. 

In this series we'll guide you with practical roadmaps that will bring calm and clarity to your marketing journey. Whether you’re working on lead generation, digital campaigns, or setting up your ads, these tips will help you stay on track.

What is a Facebook Pixel and Why Is It Important?

The Facebook Pixel is a handy tool that helps you see how people are interacting with your website, build custom audiences, and measure how well your Facebook ads are doing. By adding it to your site, you can gather valuable insights to fine-tune your ads and boost conversions. It's a must-have for businesses looking to level up their online advertising and make smarter, data-driven decisions.

Steps for Configuring Facebook Pixel on Your Website

Step 1: Environment Setup

Before you start, ensure you have:

  • A Facebook Business Manager account.

  • The Facebook Pixel Helper Chrome extension installed.

  • Google Tag Manager (GTM) set up on your site. If not, follow our guide on how to add Google Tag Manager.

Step 2: Installing the Facebook Pixel

  1. Log in to Facebook and go to Facebook Business Manager.

  2. In the sidebar, navigate to “All Tools” ➝ “Events Manager.”

  3. Select the business you want to run ads for.

  4. Under Data Sources, choose “Meta Pixel” and select “Check for Partner.”

  5. Under Data Sources, choose “Meta Pixel”

  6. Select “Check for Partner.”

  7. Select “Google Tag Manager” from the partner list.

  8. You’ll be prompted to turn on Advanced Matching. If you're not familiar with this, you can leave it off for now and click “Next.”

  9. You can turn on “Advanced Matching” now or come back to this step later on.

  10. Log in to your Google Account and provide access for FB Pixel installation.

  11. Select the access to provide for FB Pixel Installation. We recommend selecting all and click “Continue”. 

  12. Click “Finish Setup.”

  13. Since you just want to add the Pixel Base Code, for now, you will just need to click “Next”. You might see a warning that mentions that the pixel hasn’t received any events. This is normal since you’ve just installed it—we’ll verify the installation later in this SOP.

  14. You’ll receive a confirmation screen once the setup is complete.


Step 3: QA the Facebook Pixel

  1. Open your website using Chrome.

  2. Click on the Facebook Pixel Helper extension in your browser.

  3. Verify that the Pixel ID matches the one in your Meta Business Manager. If it’s working correctly, the extension should detect at least one active pixel.

That's it!

Conclusion

Need help fine-tuning your digital marketing strategy or setting up advanced tools? At Zenvertising, we’re here to help you achieve a more balanced, effective marketing approach. Reach out today for expert guidance!

Contact.

Experience the difference. Let's Grow.

Contact.

Experience the difference. Let's Grow.

Contact.

Experience the difference. Let's Grow.

Start Growing Now