{"slug":"sop-005-install-meta-pixel-on-your-site","title":"Install Meta Pixel On Your Site","tags":["source:clickminded","type:sop","server:clickminded-sop","install","meta","pixel","site"],"agent_summary":"SOP 005: Install Meta Pixel On Your Site How to properly install the Facebook pixel on any site. With this pixel, you can create remarketing audiences and set up conversions for your campaigns. __Last","trigger_phrases":["install meta pixel on your site","how to install meta pixel on your site"],"runnable":false,"markdown":"\r\nSOP 005: Install Meta Pixel On Your Site\r\n\r\nHow to properly install the Facebook pixel on any site. With this pixel, you can create remarketing audiences and set up conversions for your campaigns.\r\n\r\n__Last Updated / Reviewed:__ 02/10/2025\r\n\r\n__Execution Time:__ 5-10 minutes\r\n\r\n__🚀 Goal:__ To add Meta Pixel to your site.\r\n\r\n__🤞 Ideal Outcome:__ The Meta Pixel is properly installed without any technical issues.\r\n\r\n__🤔 Why this is important:__ Meta Pixel is essential if you want to use Meta advertising. With this pixel, you can create remarketing audiences and set up conversions for your campaigns.\r\n\r\n__🧐 Where this is done__ In Google Tag Manager and your Meta Ads Manager.\r\n\r\n__🗓️ When this is done:__ Only once when you install the Meta Pixel for the first time.\r\n\r\n__👨 Who does this:__ The person responsible for website management, analytics, or paid advertising.\r\n\r\n__⚠️Prerequisites or requirements: __You can only do this once you have installed Google Tag Manager on your site.\r\n\r\nYou should have also already set up a Meta Ads Account using Meta Business Suite following SOP 010 ([web version](https://members.clickminded.com/sop/010/)).\r\n\r\n[__Click here to get the most up-to-date version of this SOP__](https://members.clickminded.com/sop/005)\r\n\r\n## Environment set up\r\n\r\n__Important__: This SOP describes the process of installing the Meta Pixel using Google Tag Manager (the tool we recommend for adding and managing tracking codes to your website). If you haven’t added Google Tag Manager to your site, consider following SOP 004 ([web version](https://members.clickminded.com/sop/004/)). If you use __Shopify,__ follow SOP 068 ([web version](https://members.clickminded.com/sop/068/)) instead. __Note 1:__ Before following this step-by-step guide to installing Meta Pixel, you should have created or gotten access to your company’s Meta Business Suite account. __Note 2: __Before you start, install the [Meta Pixel Helper Chrome Extension](https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc).\r\n\r\n## Installing the Meta Pixel\r\n\r\n### 01▸ Log in to your [Meta Business Suite](https://business.facebook.com/home/accounts).\r\n\r\n### 02▸ From the sidebar, click “All tools” ➝ “Events Manager”.\r\n\r\n### 03▸ In your Meta Ads Manager page, click \"Events Manager\" > \"Data Sources\". Within \"Data Sources\", ensure that you have selected the right name and ID on the top, scroll down and click \"Set up Meta Pixel\".\r\n\r\n### 04▸ You will be presented with two options. In this guide, we recommend clicking “Check for partner” instead for easier integration.\r\n\r\n### 05▸ Select “Google Tag Manager” from the partner list.\r\n\r\n### 06▸ By now, you will be taken to the onboarding workflow to connect your Google Tag Manager account to your Meta account. On the first screen, click “Next”.\r\n\r\n### 07▸ Next, turn on automatic advanced matching. Click \"Next\".\r\n\r\n  __Note:__ Automatic Advanced Matching helps Facebook better track and attribute website events by securely sending hashed customer data, like emails and phone numbers. This improves ad targeting, enhances retargeting accuracy, and ensures better tracking across devices, even if users aren’t logged in. It ultimately helps advertisers get more accurate reporting and improved campaign performance.\r\n\r\n### 08▸ Next, you will be prompted to sign in to the Google Account you use for Google Tag Manager. Click \"Allow\".\r\n\r\n### \r\n\r\n### 09▸ Click “Finish setup” after checking the account and container name. Otherwise, click on the drop-down arrow to choose the correct one.\r\n\r\n### 10▸ Next, since the Pixel base code is required for now, you just need to click “Next”.\r\n\r\n__Note 1:__ You might see a warning that mentions 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. __Note 2:__ The Event Setup Tool is needed when you want to track specific actions on your website (e.g., button clicks, form submissions, or purchases) without manually adding event code to the site. This tool allows you to set up events directly within Facebook's interface, making it easier to track key conversions and user interactions. Since the Pixel base code is already installed, you can proceed by clicking \"Next\", and then use the Event Setup Tool to configure the necessary event tracking.\r\n\r\n### 11▸ Finally, you’ll see a screen confirming that the setup is complete. Click \"Finish\".\r\n\r\n\r\n## QA the Meta pixel\r\n\r\n### 01▸ Open your website using Chrome.\r\n\r\n### 02▸ On your settings, go to \"Extensions\" and click on the [Meta Pixel Helper Chrome extension](https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc).\r\n\r\n### \r\n\r\n### 03▸ You should be able to see your Meta Pixel Helper installed by now. The extension should be able to find at least one pixel and it should match the Pixel ID on your Meta Business Manager. That's it!","html":"

SOP 005: Install Meta Pixel On Your Site

\n

How to properly install the Facebook pixel on any site. With this pixel, you can create remarketing audiences and set up conversions for your campaigns.

\n

Last Updated / Reviewed: 02/10/2025

\n

Execution Time: 5-10 minutes

\n

🚀 Goal: To add Meta Pixel to your site.

\n

🤞 Ideal Outcome: The Meta Pixel is properly installed without any technical issues.

\n

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

\n

🧐 Where this is done In Google Tag Manager and your Meta Ads Manager.

\n

🗓️ When this is done: Only once when you install the Meta Pixel for the first time.

\n

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

\n

__⚠️Prerequisites or requirements: __You can only do this once you have installed Google Tag Manager on your site.

\n

You should have also already set up a Meta Ads Account using Meta Business Suite following SOP 010 (web version).

\n

Click here to get the most up-to-date version of this SOP

\n

Environment set up

\n

Important: This SOP describes the process of installing the Meta Pixel using Google Tag Manager (the tool we recommend for adding and managing tracking codes to your website). If you haven’t added Google Tag Manager to your site, consider following SOP 004 (web version). If you use Shopify, follow SOP 068 (web version) instead. Note 1: Before following this step-by-step guide to installing Meta Pixel, you should have created or gotten access to your company’s Meta Business Suite account. __Note 2: __Before you start, install the Meta Pixel Helper Chrome Extension.

\n

Installing the Meta Pixel

\n

01▸ Log in to your Meta Business Suite.

\n

02▸ From the sidebar, click “All tools” ➝ “Events Manager”.

\n

03▸ In your Meta Ads Manager page, click \"Events Manager\" > \"Data Sources\". Within \"Data Sources\", ensure that you have selected the right name and ID on the top, scroll down and click \"Set up Meta Pixel\".

\n

04▸ You will be presented with two options. In this guide, we recommend clicking “Check for partner” instead for easier integration.

\n

05▸ Select “Google Tag Manager” from the partner list.

\n

06▸ By now, you will be taken to the onboarding workflow to connect your Google Tag Manager account to your Meta account. On the first screen, click “Next”.

\n

07▸ Next, turn on automatic advanced matching. Click \"Next\".

\n

 Note: Automatic Advanced Matching helps Facebook better track and attribute website events by securely sending hashed customer data, like emails and phone numbers. This improves ad targeting, enhances retargeting accuracy, and ensures better tracking across devices, even if users aren’t logged in. It ultimately helps advertisers get more accurate reporting and improved campaign performance.

\n

08▸ Next, you will be prompted to sign in to the Google Account you use for Google Tag Manager. Click \"Allow\".

\n

\n

09▸ Click “Finish setup” after checking the account and container name. Otherwise, click on the drop-down arrow to choose the correct one.

\n

10▸ Next, since the Pixel base code is required for now, you just need to click “Next”.

\n

Note 1: You might see a warning that mentions 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. Note 2: The Event Setup Tool is needed when you want to track specific actions on your website (e.g., button clicks, form submissions, or purchases) without manually adding event code to the site. This tool allows you to set up events directly within Facebook's interface, making it easier to track key conversions and user interactions. Since the Pixel base code is already installed, you can proceed by clicking \"Next\", and then use the Event Setup Tool to configure the necessary event tracking.

\n

11▸ Finally, you’ll see a screen confirming that the setup is complete. Click \"Finish\".

\n

QA the Meta pixel

\n

01▸ Open your website using Chrome.

\n

02▸ On your settings, go to \"Extensions\" and click on the Meta Pixel Helper Chrome extension.

\n

\n

03▸ You should be able to see your Meta Pixel Helper installed by now. The extension should be able to find at least one pixel and it should match the Pixel ID on your Meta Business Manager. That's it!

\n"}