Adropic/Documentation
Documentation

Meta Pixel setup

Adding the pixel to your site, platform-by-platform steps, and verifying it works.

The pixel is a small piece of code that reports visitor activity on your site to Meta. Adropic's sales and lead campaigns optimize against that data. Without a pixel the product still works; campaigns publish with a traffic objective instead of a conversion one.

1. Pick or create a pixel

Open Settings → Integrations → Meta Pixel.

  • If your ad account already has a pixel, select it from the list.
  • If it does not, click Create a pixel and Adropic creates one on the account.

The card then shows the pixel ID and the installation code.

2. Add it to your site

How you install it depends on how the site was built. On most platforms you do not paste code at all — they only ask for a pixel ID.

Platforms that ask for a pixel ID

PlatformWhere
ShopifySettings → Customer events → Add custom pixel
WooCommerceFacebook for WooCommerce plugin → Settings
WixMarketing Integrations → Facebook Pixel
SquarespaceSettings → Marketing → Facebook Pixel
WebflowProject settings → Integrations → Facebook Pixel

Paste only the Pixel ID shown in the panel.

A site you built yourself

Click Copy code in the panel and put the code inside the <head> tag of every page. With Next.js, React or a similar setup, adding it once to the root layout is enough.

Google Tag Manager

Create a new tag, choose Custom HTML, paste the code from the panel and set the trigger to All Pages. Remember to publish the container.

3. Verify the installation

Visit your site once, then click Verify installation in the panel. If Meta has started receiving data, the card switches to Receiving data.

The first event can take a few minutes to arrive. If nothing shows up:

  • Is the code on the published version of the site? A draft theme does not count.
  • Is it on every page, or only the home page?
  • Are you testing in a browser with an ad blocker enabled?
  • Does the pixel ID match the one in the panel?

If your site asks for cookie consent, the pixel should load only after the visitor accepts. Make sure your consent tool loads the pixel code after consent rather than on page load.

Conversion events

Once installed, page views are measured automatically. For purchases and form submissions, most e-commerce platforms send those events through their own integration. On a custom-built site those events have to be fired separately.

Meta Pixel setup — Adropic