How do I add Facebook Pixel to my Website?

Using our Advanced Website Builder you can add Facebook Pixel to your website to track events.

You can see Facebook's instruction on Facebook Tracking Pixels here.

Create your Facebook Tracking Pixel code in the Facebook Pixel tab.

This code consists of two sections Script and NoScript, those two are added to different sections.

<script> looks something like this:

<!-- Facebook Pixel Code --> <script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);
t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}
(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXXX');fbq('track', 'PageView');
</script>

It starts with <script> and closes with </script>

<noscript> part would look something like this:

<noscript>
<img height="1" width="1" style="display:none" 
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&amp;ev=PageView&amp;noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

This one starts with <noscript> and closes with </noscript>

Note: these are examples of the code, do not copy into your website, use code generated by Facebook.

 

Now that you have your code, you need to add it.

  1. To access the HTML Header section, in the left panel, click Settings, and then click Head HTML.
  2. Copy the <script> part of the code provided by Facebook into the Head HTML section, and then click Save. The code should look similar to the one below.
     
  3. Copy the <noscript> part of the code provided by Facebook into the Body end HTML section, and then click Save.

facebook_pixel.gif

Once you have saved both sections, click republish and check website with Facebook Pixel Helper Chrome Extension.
In case you see any errors showing on your Pixel Helper, you can check what they mean here.

For further information or to speak to one of our Support Agents, simply click on the link here and submit your message via the green Help button on the bottom right-hand corner.

Was this article helpful?
4 out of 5 found this helpful

Articles in this section

Kickstart your Business
You can start your business using our amazing products, features, and tools.
Follow us on Twitter
Get the latest news and updates first