Struggling with installing Facebook Pixels on your site to track conversions, and leads or to use for marketing or retargeting?
I created a Facebook Pixel + Events plugin that lets you set up all the following events with dynamic data
AddPaymentInfo
AddToCart
AddToWishlist
CompleteRegistration
Contact
CustomizeProduct
Donate
FindLocation
InitiateCheckout
Lead
Purchase
Schedule
Search
StartTrial
SubmitApplication
Subscribe
ViewContent
Custom Events
It also lets you create Custom Events to help boost your marketing!
Here’s the instructions to set up the tracking. To send events to the conversion API simply trigger the purchase related events. For example, addToCartButton or Purchase
Enter your website URL to check for easy setup options.
Click Continue.
Once you’ve created your Meta Pixel, you’re ready to put the pixel code on your website. For instructions on how to do this, choose the manual setup option:
Go to Events Manager.
Click the Data sources icon on the left side of the page.
Select the Pixel you want to set up.
Click Continue Pixel Setup.
Select Meta Pixel and click Connect.
Select Install code manually.
Identify the Pixel ID in the code snippet and copy it to add to the plugin
Setting up the plugin
Go to the plugin page in your app
Add the Pixel ID to the settings
Triggering Events
Figure out what events you want to track
As part of your workflows Trigger Events and add custom data to be sent to facebook
For a Reference for all Standard Events here:
FOR CUSTOM EVENTS
Same as the others but includes a required “Event Name” Field
The conversion API is a server-side technology so you should only use it for backend workflows. This plugin for now only triggers client-side events. I’ll look into adding the conversion API in the future
I am calling pixel events the old way, I added pixel code in my editor body script from SEO/metatags in the setting, and now calling events with run javascript.
I also need to run an event from the backend. I wonder if I should only call the event in the Node script section and return the type as a test.
At the moment I don’t think Bubble allows dynamic data in plugin parameters. Unfortunately, I don’t have the bandwidth to modify the plug-in to have this functionality right now.
Hi, for some reason, the currency and amount are not appearing when I trigger the workflow. I can’t see those 2 parameters via the pixel helper plugin. However, I did include them in the workflow and published them live already. Do you know what went wrong?
Hi, from your screenshot it looks like it’s been set up correctly. Are you sure the amount is passing a value? It may not include the data if the value is passing 0
Would you mind sharing a link to your page with me so I can troubleshoot?
Sure thing. Do you have an email address I can reach out to so I can share my Bubble link? Also I’m pretty sure the amount is not 0 because I’ve tried using a static value and it’s still the same. You can check this screenshot here to see that even after I put in a fixed value, the pixel is still not showing the currency nor the amount.
