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
- Open any page in the Builder.
- Click Page Settings (⚙️) → Pixel tab.
- Click + Add Pixel.
- Fill in:
| Field | Description |
|---|---|
| Name | Internal label (e.g., "Main Pixel") |
| Business Manager (BM) | Your Meta Business Manager ID (optional) |
| Ad Account (CA) | Your ad account ID (optional) |
| Pixel ID | Your Facebook Pixel ID (required) |
| Conversions API Token | Server-side API token (highly recommended) |
| Events | Which events to fire (PageView, Lead, Purchase, etc.) |
| Event Value | Monetary value for Purchase events |
| Event Currency | Currency code (USD, EUR, BRL, etc.) |
- Click Save.
Getting Your Pixel ID
- Go to Meta Events Manager.
- Select your Pixel.
- Copy the Pixel ID (15–16 digit number).
Getting the Conversions API Token
- In Meta Events Manager, select your Pixel.
- Go to Settings.
- Under Conversions API, click Generate Access Token.
- Copy the token and paste it into Atomicat.
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:
| Event | When to Use |
|---|---|
| PageView | Fires when the page loads (always recommended) |
| Lead | Fires when a form is submitted |
| Purchase | Fires on checkout/payment confirmation pages |
| InitiateCheckout | Fires when a visitor clicks buy |
| ViewContent | Fires when a visitor views a product or offer |
| CompleteRegistration | Fires on signup completion |
To assign a pixel event to a button:
- Select the button in the builder.
- Right Panel → Settings → Facebook Pixel Events.
- 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.
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:
- Page Settings → Pixel tab.
- Click Where Meta pixel is used on this page.
- 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:
- Page Settings → Optimizer tab.
- Enable Optimize this page for Meta Ads.
- Fill in the OG Title and OG Description.
This ensures proper Open Graph tags for ad previews.