Add Facebook Pixel

Add Facebook Pixel

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. 

 

Add Facebook Pixel to Your Website

  1. Select the setup option Manually add pixel code to website.
  2. 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
  3. With that copied, navigate to the Developer Tools by clicking the [<>] icon in the gray navigation bar, and click on Head JS. Don't see this icon? Find out how to obtain Developer Tools access.
  4. Paste the first part of the code into the first empty line in the text field, then click Save.
    Screen_Shot_2022-08-15_at_4.33.44_PM.png
  5. Head back to the CONTENT panel, then open your Footer.
    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.
    Screen_Shot_2022-08-15_at_4.37.16_PM.png
  6. Once in the Footer, select one of the green (+) buttons, then select HTML from the options that appear.
    Screen_Shot_2022-08-15_at_4.38.52_PM.png
  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.
    Screen_Shot_2022-08-15_at_4.40.58_PM.png
  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 liveBooks 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 Your Website

      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 Pixel Log in to your TikTok Ads Manager dashboard. Click Assets at the top of the dashboard and select ...

    • Connect/Add Your Instagram Feed

      Are you looking to add an Instagram Feed to your website? If so, you will want to use a third-party social feed widget. You can embed these on your site using an HTML block. Below are some recommended widgets that offer embeddable Instagram feeds: ...

    • Add Google Analytics

      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 a Jotform Form to liveBooks

      You can integrate forms built on Jotform on your liveBooks website. How to add Jotform forms to liveBooks Set up the form in Jotform To add a custom form to your website built with JotForm, a third party service you can integrate into your pages, ...

    • Enable Disqus/Add Comments on Your liveBooks Blog

      To add the Disqus commenting platform to your liveBooks blog, first head to disqus.com and click the orange "Get this on your site" button. Follow the steps to register your site, and make note of the "Site Shortname" you choose. You'll use this to ...