Add Meta Pixel / Conversions API (CAPI) to Landing Pages

 

Add Meta Pixel / Conversions API (CAPI) to Landing Pages

You can add Meta tracking to any landing page using the Tracking Code option.

 
Steps (Page Level)

  1.  

    Open the Builder Go to Sites → Builder → Select your Site.

  2.  

    Open the Page Choose the page you want to track.

  3.  

    Tracking Code Click the Tracking code icon on the top menu.

  4.  

    Paste the Meta Pixel base code (Similar like this)


<!-- Meta Pixel Base 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>

Save/Apply.

  1.  

    Add event tracking (optional) On a thank-you/goal page, add additional events in the same Tracking code box, e.g.:

 

<script>
  fbq('track', 'Lead');            // when a lead is captured
  // fbq('track', 'Purchase', {value: 499, currency: 'INR'}); // example purchase
</script>
 
Apply to Multiple Pages (Optional)

If your site has a global header/footer code option, paste the base Pixel there to apply across all pages, then keep specific events on the relevant pages (e.g., thank-you).

 
Verify Your Setup

  1.  

    Open Meta Events Manager → Test Events.

  2.  

    Visit your landing page (in a new tab).

  3.  

    You should see PageView (browser) and, if configured, server events from CAPI.

  4.  

    Submit a test lead to see Lead fire.

 

Was this article helpful?