Facebook Meta Pixel Setup: Complete Installation and Configuration Guide

What the Meta Pixel Does

The Meta Pixel (formerly Facebook Pixel) is a JavaScript code snippet that connects your website to your Meta advertising account. It enables three core capabilities: conversion tracking (measuring which website actions users perform after clicking a Facebook or Instagram ad), retargeting (showing ads to people who have visited specific pages on your site), and lookalike audiences (finding new users who look like your existing customers).

Finding Your Pixel ID

Your Meta Pixel ID is a 15-16 digit number. To find it:

1. Meta Events Manager → Data Sources → your Pixel
2. The Pixel ID is shown at the top of the page

If you do not have a pixel yet: Events Manager → Connect Data Sources → Web → Get Started → Meta Pixel → Create.

Installation via GTM (Recommended)

Install the Meta Pixel via GTM for easier management:

1. GTM → New Tag → Tag Type: Custom HTML
2. Paste the Meta base code snippet (from Events Manager → Setup → Use a partner integration → Google Tag Manager, or use the standard snippet with your Pixel ID)
3. Trigger: All Pages
4. Name: "Meta Pixel - Base Code"
5. Publish

Standard Events

The Meta Pixel base code fires a PageView event on every page. For conversion tracking, add standard event calls on key pages:

• Purchase event on order confirmation page: fbq('track', 'Purchase', {value: orderValue, currency: 'USD'});
• Lead event on form submission: fbq('track', 'Lead');
• AddToCart event: fbq('track', 'AddToCart', {content_ids: [productId], value: price, currency: 'USD'});

In GTM, create these as Custom HTML tags triggered by the corresponding data layer events or page URL triggers.

Verifying with Meta Pixel Helper

Install the Meta Pixel Helper Chrome extension, then browse your website. The extension shows:

• Green check: pixel loaded and events firing correctly
• Yellow warning: pixel loaded but with potential issues
• Red error: pixel not loading or errors in event code

Also verify in Meta Events Manager → Test Events: browse your website in a separate window while the test tool is open. Events appear in real time.

Moving to Server-Side

For higher data quality and GDPR resilience, implement the Meta Conversions API (CAPI) alongside or instead of the browser pixel. CAPI sends events from your server, bypassing ad blockers and iOS privacy restrictions. For purchases especially, server-side sending via CAPI provides significantly more complete data.

Summary

Meta Pixel installation via GTM: base code as an All Pages Custom HTML tag, standard events (Purchase, Lead, AddToCart) as separate Custom HTML tags triggered by specific events or pages. Verify with Meta Pixel Helper and Events Manager Test Events. For production tracking quality, supplement the browser pixel with Meta CAPI for key conversion events.

See our Marketing Pixel Setup service for Meta Pixel configuration.

Need Meta Pixel installed correctly? Contact Adslytics.