How to Add Facebook Pixel to Your Website
Jesse Arroyave avatar
Written by Jesse Arroyave
Updated over a week ago

If you are using a Facebook Pixel to track events for your ads, you will want to add the Pixel code to your website.

What you will need:

  • Facebook Pixel Code

  • Events you want to track

Part 1: Add Pixel Code to Website

Step 1: Copy the main pixel code from your Facebook Events Manager

Step 2: Navigate to your Website --> Click Settings --> Paste in your Pixel Code to the Head Tracking Code Section --> Save

Part 2: Add in Event Specific Code to Individual Pages

Step 1: Choose the Step where the event in question is occuring (e.g. Lead would occur after an Opt In)

Step 2: Edit the Step

Step 3: Choose Settings --> Tracking Code

Step 4: Click Footer Code and paste in the Event Code

RESOURCES:

Facebook Pixel Code (insert your ID in the IDHERE part of the code):

<!-- 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',

fbq('init', ‘IDHERE’);

fbq('track', 'PageView');

</script>

<noscript><img height="1" width="1" style="display:none"

/></noscript>

<!-- End Facebook Pixel Code -->

Facebook Event Code:

<script>

fbq('track', ‘EVENTHERE');

</script>

List of Facebook Standard Events:

Did this answer your question?