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.