{"id":34149,"date":"2021-12-09T19:26:17","date_gmt":"2021-12-09T17:26:17","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=34149"},"modified":"2021-12-09T19:34:17","modified_gmt":"2021-12-09T17:34:17","slug":"facebook-pixel-wordpress","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/facebook-pixel-wordpress\/","title":{"rendered":"How to Add Facebook Pixel to WordPress (2022 Update)"},"content":{"rendered":"
To utilize Facebook\u2019s powerful advertising capabilities, you need to install Facebook\u2019s pixel code on your Website.<\/p>\n
In simple terms, the pixel is the bridge between your website and Facebook. Without installing the Pixel, you won\u2019t be able to measure the effectiveness and profitability of your Facebook campaigns.<\/p>\n
So, if you plan to run any type of campaign on Facebook, the first step is to add the pixel code to WordPress and check that it\u2019s working ok.<\/p>\n
In this tutorial, you\u2019ll learn how to create a Facebook pixel for your ad account and how to add the code to WordPress using a plugin or manually without using a plugin.<\/p>\n
You\u2019ll also learn how to configure some important pixel settings and how to test your pixel installation and confirm that it\u2019s working as expected.<\/p>\n
The \u2018pixel\u2019 is just a piece of javascript code that gives Facebook the ability to track visits to your website, associate these with actions (web page visits, conversions, etc.) and Facebook accounts.<\/p>\n
When you install the Facebook Pixel to your WordPress website, you will be able to measure conversions, build custom audiences, and optimize your Facebook\/Instagram ad campaigns.<\/p>\n
Login to your Facebook account and go to Ads Manager<\/strong><\/a>.<\/p>\n Click the menu (top left) and select \u201cEvents Manager\u201d.<\/p>\n Click the button from the left sidebar and select \u201cConnect Data Sources\u201d from the menu.<\/p>\n Select \u201cWeb\u201d and click the \u201cConnect\u201d button.<\/p>\n Provide a name for your pixel and click the \u201cCreate Pixel\u201d button.<\/p>\n Congratulations! You\u2019ve created a new Facebook Pixel.<\/p>\n The next step is to add it to your WordPress website using a plugin or manually.<\/p>\n One of the best ways to add the Facebook pixel code to WordPress is using a plugin.<\/p>\n Facebook has an official plugin for WordPress but unfortunately, it has a lot of bugs, and it is challenging to set up correctly. So, the best free alternative plugin is PixelYourSite<\/strong><\/a>.<\/p>\n With PixelYourSite, you can install the Facebook pixel to your website and take advantage of all pixel features (including the newly released Conversion API), in just a few steps.<\/p>\n Let\u2019s see the steps to follow:<\/p>\n The next step is to configure the plugin to connect your website with Facebook.<\/p>\n Before you continue to the next step, you need to go back to Facebook to copy your Facebook Pixel ID.<\/p>\n Go back to Facebook\u2019s events manager (or click this direct link<\/strong><\/a>)<\/p>\n Locate the pixel you created on Step 1 and go to \u201cSettings\u201d.<\/p>\n Copy the PIXEL ID.<\/p>\n Now, go back to WordPress and enter the Pixel ID in the \u201cFacebook Pixel ID\u201d box, as shown below.<\/p>\n The final step is to save you changes. Scroll down the page until you find the \u201cSave Settings\u201d button.<\/p>\n That\u2019s it, you\u2019ve just installed the Facebook Pixel code to your WordPress Website!<\/p>\n Adding the Facebook pixel to your WordPress website without a plugin is a straightforward process for simple websites.<\/p>\n The process is the following:<\/p>\n To get your pixel code, go back to Events Manager, and click the \u201cContinue Pixel Setup\u201d button.<\/p>\n Choose \u201cInstall code manually\u201d from the popup menu.<\/p>\n Click the \u201cCopy Code\u201d button.<\/p>\n Go back to WordPress and select \u201cCustomize\u201d under \u201cAppearance\u201d.<\/p>\n Select \u201cTheme Settings\u201d and then \u201cHeader\/Footer Scripts\u201d.<\/p>\n Paste the pixel code in the first box (<\/head>) as shown below.<\/p>\n Click the \u201cPublish\u201d button to save your changes.<\/p>\n That\u2019s it! You\u2019ve just added the Facebook Pixel Code to WordPress.<\/p>\n Once you have the pixel code installed on your website, there are some additional settings to review\/configure.<\/p>\n Set Automatic Advanced Matching to ON<\/strong><\/p>\n Go to Events Manager and select the pixel created above. Click Settings and then make sure that Automatic Advanced Matching is set to ON.<\/p>\n This setting will help Facebook match your website\u2019s visitors with Facebook accounts and improve your campaigns\u2019 performance.<\/p>\n Set Track Events Automatically Without Code to ON<\/strong><\/p>\n Scroll down the page and enable the switch \u201cTrack Events Automatically Without Code\u201d to ON.<\/p>\n This will allow the Facebook Pixel to find and report on important website events, such as purchases or registrations, based on user engagement on your website.<\/p>\n This feature can help you set up events without having to add any additional code to your website.<\/p>\n Traffic Permissions<\/strong><\/p>\n While on the Settings Page, scroll down to Traffic Permissions and click the EDIT button.<\/p>\n Add your domain name in the text box area and click Next.<\/p>\n This setting instructs Facebook to consider events coming from your domain (and subdomains) only and block requests coming from other websites that might be using your pixel.<\/p>\n This is useful in cases your content is being copied on other websites.<\/p>\n Even if you don\u2019t face any similar issues, it is still recommended to configure this setting.<\/p>\n To make sure that your Pixel is set up correctly, you can use any of these methods:<\/p>\n Using the Test Events Tool<\/strong><\/p>\n Use the Test Events tool to check that your pixel is working properly.<\/p>\n Interact with your website to test the events you\u2019ve already set up. Your interactions will appear in the Test Events tab within 30 seconds.<\/p>\n Make sure that during this test you visit all important pages of your site and click on all the buttons you want to track actions.<\/p>\n Check the Diagnostics tab in Events Manager<\/strong><\/p>\n To find and resolve problems related to your event setup, you can click the Diagnostics tab in Event Manager. You\u2019ll find recommendations to improve your event setup if an issue is detected.<\/p>\n Facebook Pixel Helper Chrome Extension<\/strong><\/p>\n Another way to test your pixel installation is to use the Facebook Pixel Helper Extension available for the Google Chrome Browser.<\/p>\nHow to Add Pixel Code to WordPress Using a Plugin<\/h2>\n
\n
\n
How to Add Pixel Code to WordPress Manually (Without a Plugin)<\/h2>\n
\n
Configure Pixel Additional Settings<\/h2>\n
How Test Facebook Pixel Code Installation<\/h2>\n
\n
\n