Last Updated / Reviewed: July 22nd, 2022
Execution Time: ~5-10 minutes
Installing the Facebook Pixel on Your Site
Goal: To add the Facebook pixel to your site.

Ideal Outcome: The Facebook pixel is properly installed without any technical issues.

Prerequisites or requirements: You can only do this once you have installed Google Tag Manager on your site. You should have also already set up a Facebook Ads Account using Business Manager.

Why this is important: Facebook Pixel is essential if you want to use Facebook advertising. With this pixel, you can create remarketing audiences and set up conversions for your campaigns.

Note:If you are using Shopify do not follow this instruction

Where this is done: In Google Tag Manager and your Facebook Ads manager.

When this is done: Only once—the first time you install the Facebook pixel.

Who does this: The person responsible for website management, analytics, or paid advertising.
IMPORTANT:

  • This instruction describes the process of installing the Facebook Pixel using Google Tag Manager (the tool we recommend for adding and managing tracking codes to your website.)

  • If you are using Shopify do not follow this instruction.

  • You should have created or gotten access to your company’s Facebook Business Manager account before following this process.


BEFORE YOU START:

Install the Facebook Pixel Helper Chrome Extension
Environment Setup
1) Log in to Facebook.

2) Go to your Facebook Business Manager.

3) From the sidebar, click “All tools” ➝ “Events Manager”
Installing the Facebook Pixel
4. If a Pixel has already been created but hasn’t been installed yet, select it from the list on the left and click “Continue Pixel Setup” (then follow jump to step7)
5. If this is the first time creating a Pixel for this business:

a. Click on “Connect Data Sources” or Connect Data

b. Select “Web” from the list, and click “Connect”
6. Select “Meta Pixel” from the list, and click “Connect”. If you don’t see Meta Pixel your UI probably isn’t updated yet, select Facebook Pixel instead.
7. Name your pixel and click “Create Pixel”.
8. Add your website URL and click “Tick”.
9. If you have set up Google Tag Manager on your site you will be able to see the integration available to you. Select the Google Tag Manager option and click “Next”.
10. On the next screen. Click “Continue” as it’s just a confirmation that your pixel has been set up.

11. Next, select “Data sources” from the sidebar and click “Continue Pixel Setup”.
12. You will be presented with two options.

1) Manually add pixel code to website or
2) Use partner integration. Select “Check for Partner”.
13. Select “Google Tag Manager” from the partner list
14. You will be taken on the onboarding workflow to connect your Google Tag Manager account to Facebook. In the first screen, click “Next”.
15. You will be asked If you want to turn on “Advanced Matching”. If you are an advanced Google Tag Manager user you might want to configure it now. If not, leave it “Off” and click “Next”:
16. Next, you will be prompted to sign in to the Google Account you use for Google Tag Manager and will need to allow Facebook to make changes.
17. Verify that the Google Tag Manager account and container info is correct. Once confirmed, click “Finish Setup”.
18. Next, you can choose to add events using the Event Setup Tool. 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 instruction.
19. Finally, you’ll see a screen confirming that the setup is complete.
1. Open your website using Chrome.

2. Click on the Facebook Pixel Helper Chrome extension.
3. You should be able to see your Facebook Pixel installed. The extension should be able to find at least one pixel, and it should match the Pixel ID on your Facebook Business Manager.
QA the Facebook Pixel