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.
Create 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.
On the left sidebar, hover over the Connect Data, then select Web.
Click on Connect, then select Facebook Pixel, and click Connect.
Lastly, click Continue, add your Pixel Name, and click Continue.
Get 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, you click on 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');
Make sure to only copy the code that is inside the apostrophes and not include the apostrophes.
Connect to Uscreen
After copying your pixel code, go to your Uscreen account, navigate to the Settings tab, click on Integrations, find Facebook, and click Connect. Then paste your code into the field, 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 Facebook. 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.
Verify your Domain
Make sure you've verified your domain. If you're using a Uscreen domain, you'll need to place a <meta> tag in the Head Code Snippet.
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: Please be patient as it may take some time for data to appear in the Events Manager, especially if newly connected.
The Meta Pixel integration is only available for website conversions and does not track mobile app purchases.
Additionally, please note that our Support Team is not equipped to assist with troubleshooting Meta Events Manager. For any inquiries regarding Meta and Pixels, we suggest seeking assistance from Meta support or a marketing professional.