If you are using Facebook Pixel to create and target ads, you can now use Universe’s Facebook Pixel integration to easily send tracking info about your event to Facebook in one simple step.
How to add Facebook Pixel to Universe
- Create your event on Universe.
- Copy your Facebook Pixel ID from the Facebook Ad Manager. If you haven’t created your FB Pixel, you can read this guide on how to create one.
- In your 'Event Manager', click on 'Integrations' from the menu along the left side of your screen.
- Add your Pixel ID in the 'Facebook Pixel' section and click Save.
- If you are selling tickets using the Universe widget on your own website, please ensure you are also adding the Facebook Pixel base code to your website header. More information on setting up the Facebook Pixel can be found here.
- That’s it! Once your ticket buyers complete checkout, we’ll automatically send Facebook the purchase data.
What events and data does Universe send to Facebook?
| Scenario | FB Event Fired | Data/Parameters | ||||
| Ticket Buyer opens the Universe checkout widget to view tickets | Checkout - Viewed Tickets | - Event Name | ||||
| Ticket Buyer selected tickets and clicked "continue" to the 2nd step of checkout | Checkout - Added Tickets | - Event Name - Total Cart Value - Order Currency - Total Tickets Selected |
||||
| Ticket Buyer completes checkout | Purchase | - Event Name - Total Order Value - Order Currency - Total Tickets Purchased |
Universe Widget Considerations for Cross-Domain Tracking
To fully optimize your tracking to be capturing all conversions when using Universe's widgets on your website, we have an additional snippet of code that can be added to your website alongside our widgets.
Note: that when using this additional script, only the Purchase and PageView events will be sent to Facebook - Checkout - Viewed Tickets and Checkout - Added Tickets will not be included.
Insert the following code snippet into your website header:
<script>
document.addEventListener('unii:tracking:metapixel', (( data ) => {
if (fbq) {
fbq(data.detail.command, data.detail.sendTo, data.detail.target, data.detail.options, { eventID: data.detail.eventId });
}
}), false);
</script>
That’s it! You can now put through a test purchase to verify that the purchase information is being captured correctly. As mentioned above in Step 5 of how to add Facebook Pixel to Universe, please also ensure that the Facebook Pixel base code has been added to your website header.
To troubleshoot, feel free to use Meta's Pixel Helper (make sure you’ve clicked the “Get Tickets” button when observing).