Add Facebook (Meta) Pixel to Websites 360®

Add Facebook (Meta) Pixel to Websites 360®

You can measure the success of your Facebook Ads performance by adding the Facebook Pixel (also known as the Meta Pixel) to your website. 

Create your Facebook pixel

If you have not yet created your Facebook Pixel, then follow these steps. If you already created your pixel, then jump to the next section.

  1. Log in to Facebook and navigate to the Events Manager.
  2. Click the (+) button to Connect Data Sources, then select Web.
  3. Select Facebook Pixel, then click Connect.
  4. Enter your website URL.
  5. Click Continue
  6. Select the setup option Manually add pixel code to website.
  7. Copy the first half of the pixel code, which is all of the code in between the tag.

    Screen_Shot_2022-08-15_at_4.31.16_PM.png

Add the Facebook pixel to your website

  1. Once the code is copied, navigate to your website dashboard and select the Developer tab at the top of your Websites app. Note: Only users with the Manager or Admin role will have access to the Developer tools. More information on user roles.
  2. Select Head JS on the left-hand sidebar.
  3. Paste the first part of the code into the first empty line in the text field, then click Save.

  4. Select the Pages tab at the top of your Websites app, then select Footer under Global Content on the right-hand sidebar.
    Note: The footer is the best place to insert sitewide embed codes as it inserts it on all of your pages, however, these embed codes can also be placed on individual pages.

  5. In the Footer, select the (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.
  6. Select HTML from the menu that appears.


  7. An HTML Block will be created. Copy the second half of the script code from Facebook Ads Manager in the large field box. This code begins at </strong><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;"> and ends at </span><strong style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;">.
    Screen_Shot_2022-08-15_at_4.40.07_PM.png
  8. Paste the code on the first empty line in the HTML Block text area, then click the Save button.

  9. Select the green Publish button to make the change live to your site.
    Optional: Run your website through the Facebook Pixel Helper toolbar extension for Google Chrome to ensure that it's running and capturing data. 

 

Optional: Verify domain for Facebook

In some cases, Facebook may require you to "verify your domain" to use the Facebook Pixel. Facebook provides you with several options for verifying your domain, including one that asks you to place an HTML tag on your website. However, the HTML tag method is not compatible with the Websites 360® platform, so when you reach this step, you should instead verify using your domain registrar.

When prompted to verify your domain on the Facebook setup dashboard, choose the option called Update the DNS TXT record with your domain registrar. You will see detailed instructions from Facebook that walk through how to add this TXT record within your domain registrar.


    • Related Articles

    • Add TikTok Pixel to Websites 360®

      If you drive leads to your website from your TikTok ads, then you can track those leads by adding the TikTok Pixel on your website. Part 1: Create your TikTok pixel Log in to your TikTok Ads Manager dashboard. Click Assets at the top of the dashboard ...
    • Add Google Analytics to Websites 360®

      Google Analytics offers you a great and free way to monitor the different traffic going to your website. You can verify Google Analytics by adding the Google Analytics 4 Tag - also known as the G-Tag - to your website using the steps below. Before ...
    • Add Google AdWords Code to Websites 360®

      You can add a Google AdWords Remarketing code to your website by adding it in your Apps dashboard and adding some code to your Footer. Set up the AdWords app Navigate to your Websites app and select the Settings tab at the top of the page. Select ...
    • Add Google Tag Manager to Websites 360®

      Note: This article walks through adding Google Tag Manager to your website. For adding the Google Analytics GA4 Tag, please refer to this article. When adding Google Tag Manager (GTM) to your website, you will want to make sure it "fires" on all ...
    • Add Google Analytics to Woo360

      You can add Google Analytics to a Woo360 site, you can do so by following the steps below. How to find out which website platform your site is using. Part 1: Obtain Tracking Code Sign in to your Analytics account. Click Admin. Select an account from ...