Meta Pixel

Overview

The Meta Pixel is a snippet of code you add to your pages so Meta can see what visitors do, then use that data to measure conversions, build audiences, and optimize your Facebook and Instagram ads.

In 2026, the Pixel lives inside a Meta Dataset. Instead of a standalone "Pixel ID," Meta organizes your web events, app events, and server events under one Dataset ID in Events Manager. The base code you install still looks the same and is still commonly called "the Pixel."

The Pixel alone is not enough in 2026

Browser-based tracking now misses a large share of conversions because of iOS privacy changes, ad blockers, and consent banners. The current standard is the Pixel plus a server-side path. SuperFunnel gives you that server-side path out of the box, see Offline Conversion Tracking. Install the Pixel for on-page events, and use server-side reporting to recover the conversions the browser misses.

Before you start

Create your Pixel / Dataset in Meta Events Manager first, and make sure your Facebook account has access to it. If you also want to pull campaign data into SuperFunnel, connect your account as well, see Meta Ads.

Step 1: Get your Pixel base code

Open Events Manager

In Meta Events Manager, select your Dataset (Pixel). Note the Dataset ID, a long numeric value.

Copy the base code

Choose to install the code manually and copy the base code. It looks like this, with your own ID in place of {YOUR_PIXEL_ID}:

<!-- Meta 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', '{YOUR_PIXEL_ID}');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id={YOUR_PIXEL_ID}&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Step 2: Install the Pixel in SuperFunnel

Add the base code using Custom Code. Install it globally so the Pixel loads on every page and quiz.

Open global Custom Code

Go to Settings → Website → Custom Code.

Add the Pixel snippet

Click + Add Code, name it "Meta Pixel — Base", paste the base code, and set the injection location to Header so it loads before page content. Enable it.

Save your pages

Save so the Pixel goes live.

Install the Pixel in exactly one place

Add the base code once, globally. Enable it or disable it on Page and Quiz level.

Adding code twice loads the Pixel twice and double-counts every event. This is the single most common cause of inflated numbers. See Troubleshooting for additional information.

Step 3: Verify the Pixel is firing

The simplest way is Meta's built-in Test Events tool. It runs inside Events Manager, so there is nothing to install.

Open Test Events

In Meta Events Manager, select your Dataset and open the Test Events tab.

Open your live page

Enter your live page URL in the Test Events field and open it (or just visit the page in your browser). Your PageView and any other events appear in the list in real time.

Refresh if nothing appears

If no events show on first load, refresh the page. A refresh resolves most "Pixel not detected" cases.

Prefer a browser extension?

Instead of searching for Meta's Test Events page, you can install the Meta Pixel Helper Chrome extension, then open your live page to see which Pixels load and which events fire directly in the browser.

Meta Pixel events: standard vs. custom

The Meta Pixel recognizes a set of standard events, like PageView, Lead, Purchase, and CompleteRegistration, that map to ad-set optimization and reporting in Meta. Custom events are any other name you choose.

The important thing to understand: SuperFunnel fires its own events, superfunnel-form-submission when a visitor reaches the Final Step, and the broader superfunnel-conversion for any conversion. Neither is automatically a Meta standard Lead event, so Meta will not map it to your ad set until you translate it. For the difference between the two, see Default conversion events.

The recommended way to translate a SuperFunnel form submission into a standard Meta Lead event is through Google Tag Manager.

Map form submission → Meta Lead (in GTM)

Step-by-step: create a Custom Event trigger on the SuperFunnel form-submission event and fire a Meta Lead tag.

Firing your own on-page events

For interactions other than form submission, like a CTA click or a mid-quiz email capture, fire your own event with SuperFunnel's JavaScript API and forward it to Meta:

window.sf.reportEvent("cta-click");
fbq("trackCustom", "CTAClick");

See Online Event Tracking for the full event API, including the sf:step-change hook.

Troubleshooting

Most Meta Pixel problems come down to the Pixel being installed or firing more than once, or the event you are tracking not being the one Meta expects. For the full walkthrough, including the overcounting fix and other common issues, see Debugging Events.

What's next

Debugging Events

Inspect the page-load dataLayer event and fix the most common tracking pitfalls.

Google Tag Manager

Map SuperFunnel events to standard Meta events and manage all your tags.

Offline Conversion Tracking

Recover conversions the browser misses with SuperFunnel's server-side path.

Online Event Tracking

Fire your own on-page events with the SuperFunnel JavaScript API.

Meta Ads

Connect your Meta ad account to pull campaign data into SuperFunnel.