Skip to main content

Meta (Facebook) Pixel Integration

Track website conversions and optimize your ad campaigns with Meta Pixel!

Updated over a week ago

The Meta (Facebook) Pixel helps you track marketing events when users visit your page, go through the checkout process, or make purchases.

This integration allows you to track five key events via a marketing pixel.

Creating a Pixel

If you don't already have a pixel, you will need to first create it by navigating to Events Manager on your Meta for Business account.

  1. On the left sidebar, hover over the Connect Data

  2. Select Web

  3. Click Connect

  4. Select Facebook Pixel

  5. Click Connect

  6. Click Continue

  7. Add your Pixel Name

  8. Click Continue


Getting your Pixel Code

After you have created the pixel, a pop-up window will appear for you to choose how to install your pixel.

Under the Manually add pixel code to website option, click on Install code manually.

In the first step, you will be asked to copy the base code.

Since you won't need the whole code to connect to Uscreen, click the Copy Code button, and then paste that code into your notes or any text editor, just so you can see the whole code.

Once you paste your code, find your pixel code usually on the 11th line:

fbq('init', 'PIXEL CODE NUMBER');

๐Ÿ“ NOTE: Make sure to only copy the code that is inside the apostrophes and not include the apostrophes.


Connecting to Uscreen

After copying your pixel code, go to your Uscreen account.

  1. Navigate to Settings > Integrations

  2. Find Facebook, and click Connect

  3. Paste the copied pixel code into the field

  4. Click Connect

โ„น๏ธ INFO: That's all you need to do on the Uscreen side! You don't need to add the code anywhere else.


Technical Specs for Uscreen's Meta Pixel Integration

There are five events that you need to add to the Review Events section on Meta.

The event names and definitions are below:

Event Name

Definition

ViewContent

Viewing of a program

Purchase

Successfully completing a purchase

AddPaymentInfo

Adding information about a credit card or PayPal account

Lead

User signing up and moving to the Payment Details step of the checkout

InitiateCheckout

Reaching the Payment Details step of the checkout

Example payload of what will be pushed to the Facebook Pixel:

fbq("track", "Purchase", { content_name: "Monthly Subscription", value: 12.0, currency: "USD" })

๐Ÿ’ก TIP: The 'value' is the amount after any discount.

Also, note that the checkout workflow is dynamic, and as a result, you will only see certain events in Meta Pixel Helper (Google Chrome extension) during certain portions of the checkout process.

  • For example, the 'Customer Information' view may show PageView and IntiateCheckout events.

  • The 'Complete Order' view may show PageView and 'Lead' events.

  • The confirmation page (which only appears for 5 seconds after the Complete Order step is completed) may show the PageView and Purchase events.

โš ๏ธ WARNING: The Meta Pixel integration is only available for website tracking and does not track mobile app purchases.


Known Limitations

While the Meta Pixel integration is useful for tracking checkout events, there are some limitations to be aware of when using it with Uscreen.

Free Trial Conversions are not tracked

The Purchase event fires on the checkout confirmation page at the time a user completes the checkout process. When a user signs up for a free trial, the Purchase event fires with a value of $0.00 since no payment is collected at that time.

When the trial ends, and the user converts to a paid subscription, the first charge happens server-side (automatically processed by the payment provider). Because the user is not on the checkout page at that point, no new Purchase event is fired, and Meta never receives the actual paid conversion data.

๐Ÿ“ NOTE: This means you cannot use the Meta Pixel alone to measure how many trial users converted into paying subscribers or to optimize your Meta ad campaigns for paid conversions after a trial.

Recurring Subscription Payments are not tracked

Similar to post-trial conversions, recurring subscription renewals (e.g., monthly or annual charges) are processed server-side by your payment provider without any browser interaction.

Since the Meta Pixel is a client-side (browser-based) tracking tool, it cannot capture these events.

No Conversions API (CAPI) support

Uscreen's native Meta Pixel integration is browser-based only and does not support Meta's Conversions API (CAPI). This means tracking accuracy may be reduced by:

  • Ad blockers that prevent the pixel script from loading

  • iOS 14.5+ App Tracking Transparency: users who opt out of tracking on iOS devices will not have their conversions attributed to your Meta ads

  • Browser privacy features: Safari's Intelligent Tracking Prevention (ITP), Firefox's Enhanced Tracking Protection, and similar features can limit cookie persistence and block tracking scripts

Mobile App Purchases are not tracked

The Meta Pixel integration only works on your web storefront.

Purchases made through iOS, Android, or TV apps are not tracked by the pixel, as these transactions are handled through the respective app stores.

Confirmation Page Timing

The checkout confirmation page, where the Purchase event fires, only appears for approximately 5 seconds before redirecting.

If the pixel takes longer to load (due to network latency or browser conditions), the Purchase event may not fire successfully.

๐Ÿ”— Learn more about the Checkout Purchase Flow


Verify your Domain

Make sure you've verified your domain.

๐Ÿ”— Learn more about Verifying your Domain

If you're using a Uscreen domain, you'll need to place a <meta> tag in the Head Code Snippet.

๐Ÿ”— Learn more about the Head Code Snippet

๐Ÿ“ NOTE: Please be patient as the verification process may take some time, and so does the data to appear in the Events Manager, especially if newly connected.


Test the Pixel integration

To test it, add the Meta Pixel Helper extension to your Google Chrome browser. Go to the Chrome web store, search for Meta Pixel Helper, click on the plugin offered by Meta, and select Add to Chrome.

You can find the extension by clicking on the puzzle piece icon located on the right of the navigation bar of the Chrome browser.

Click on the pin icon to make it easier to find.

Go to your site's storefront and click on the Facebook Pixel Helper extension.

Return to the Events Manager page, and on the left sidebar, select Data Sources. Make sure your pixel is selected to have access to all of your pixel's details.

๐Ÿ“ NOTE: Additionally, please note that our Support Team is not equipped to assist with troubleshooting the Meta Events Manager. For any inquiries regarding Meta and Pixels, we suggest seeking assistance from Meta support or a marketing professional.

Did this answer your question?