Skip to main content

Facebook / Meta Pixel

Atomicat has native support for Facebook (Meta) Pixel with both browser-side and server-side (Conversions API) tracking β€” giving you the most accurate data for your Meta ad campaigns.


Why Use the Native Pixel Integration?​

Instead of pasting the pixel code into the page's code slots (which works but is fragile), Atomicat's native Pixel integration:

  • Manages pixels per-page with a visual UI
  • Supports multiple pixels on the same page
  • Enables server-side events (Conversions API) with a simple token
  • Auto-deduplicates browser + server events
  • Gives you a visual map of where each pixel event fires on the page

Adding a Facebook Pixel​

  1. Open any page in the Builder.
  2. Click Page Settings (βš™οΈ) β†’ Pixel tab.
  3. Click + Add Pixel.
  4. Fill in:
FieldDescription
NameInternal label (e.g., "Main Pixel")
Business Manager (BM)Your Meta Business Manager ID (optional)
Ad Account (CA)Your ad account ID (optional)
Pixel IDYour Facebook Pixel ID (required)
Conversions API TokenServer-side API token (highly recommended)
EventsWhich events to fire (PageView, Lead, Purchase, etc.)
Event ValueMonetary value for Purchase events
Event CurrencyCurrency code (USD, EUR, BRL, etc.)
  1. Click Save.

Getting Your Pixel ID​

  1. Go to Meta Events Manager.
  2. Select your Pixel.
  3. Copy the Pixel ID (15–16 digit number).

Getting the Conversions API Token​

  1. In Meta Events Manager, select your Pixel.
  2. Go to Settings.
  3. Under Conversions API, click Generate Access Token.
  4. Copy the token and paste it into Atomicat.
Why is this important?

The Conversions API sends events from Atomicat's server directly to Meta β€” bypassing browser ad blockers and iOS 14+ privacy restrictions. This significantly improves your event match quality and ROAS tracking.


Configuring Pixel Events​

Atomicat lets you fire specific events at different points:

EventWhen to Use
PageViewFires when the page loads (always recommended)
LeadFires when a form is submitted
PurchaseFires on checkout/payment confirmation pages
InitiateCheckoutFires when a visitor clicks buy
ViewContentFires when a visitor views a product or offer
CompleteRegistrationFires on signup completion

To assign a pixel event to a button:

  1. Select the button in the builder.
  2. Right Panel β†’ Settings β†’ Facebook Pixel Events.
  3. Select the event.

Multiple Pixels​

You can add more than one pixel per page (e.g., your pixel + a client's pixel):

  • Click + Add Pixel again and add the second pixel.
  • Each pixel can fire different events independently.
Facebook + Utmify restriction

You cannot have a Facebook Pixel and a Utmify Pixel active on the same page simultaneously. Use one or the other.


Viewing Pixel Usage on a Page​

To see everywhere a pixel event is configured on your page:

  1. Page Settings β†’ Pixel tab.
  2. Click Where Meta pixel is used on this page.
  3. A breakdown shows:
    • Page Load events
    • Button/element events
    • Any orphaned pixel IDs (from deleted elements)

Use Remove All Meta Pixel to clear all events at once if you need a clean slate.


Optimize for Meta Ads​

After configuring your pixel, also enable the Meta Ads optimizer:

  1. Page Settings β†’ Optimizer tab.
  2. Enable Optimize this page for Meta Ads.
  3. Fill in the OG Title and OG Description.

This ensures proper Open Graph tags for ad previews.