How to track form activity with Facebook Pixel
Track the activity of your respondents inside your forms by connecting with Facebook Pixel.
When to use
By tracking the activity of respondents in your forms, you can get insight information of their behaviors. This helps you to analyze form starts, form completions, interactions and drop-offs.
Facebook offers you the tools to do this with their Facebook Pixel. Follow the instructions in this article if you want to use Facebook Pixel to receive and analyze your form activity.
How to use
In this article we will show the steps you have to take to send Tripetto activity data to Facebook. You can also have a look at our global article about how form activity tracking works.
🚧 Warning: Facebook Pixel knowlegde needed
We assume you know how to configure and use Facebook Pixel. Tripetto support can not help you with configuring your Facebook Business account and/or Facebook Pixel.
For help with Facebook Pixel, please have a look at the Developer Docs by Meta/Facebook.
Step 1 - Prepare Facebook Pixel
First step is to get the unique ID of your Facebook Pixel that you will need to connect Tripetto with Facebook.
First make sure you have created and configured your Facebook Pixel like you want to. It's important that your Facebook Pixel is able to access the domain that the Tripetto form is served from.
In your WordPress site this will be your own domain name in most cases, because your form will run on your own site's domain.
If you're using the Tripetto studio this configuration depends on how you share your form:
- Shareable tripetto.app link: if you share your form via the shareable tripetto.app link, you will have to make sure that your Facebook Pixel can receive events from
- Embed in your site: if you have embedded your form in a site with the inline embed code, you will have to make sure that your Facebook Pixel can receive events from the domain of that particular site;
- Iframe in your site: if you have embedded your form in a site via an iframe with a
srcparameter, you will have to make sure that your Facebook Pixel can receive events from the domain of that
srcparameter. Please notice there can be more additional settings needed to be able to track form activity from an iframe.
Step 2 - Connect Facebook Pixel
Next step is to connect your Tripetto form to the Facebook Pixel.
Simply open the
Settings and copy the
Pixel ID that you see over there. You will need that ID later on in Tripetto.
Switch to your form in Tripetto. At the top menu bar of the form builder click
Tracking. The Tracking pane will show up on the right side of the form builder.
In there, enable the feature
Track form activity with Facebook Pixel to expand the settings for Facebook Pixel.
Before you enter your pixel ID, first ask yourself if the page that your Tripetto form is hosted at already has the Facebook Pixel tag installed to it:
- If you already installed the Facebook Pixel tag, you can simply enable the option
Facebook Pixel is already installed on my website. If enabled, you don't have to enter your pixel ID anymore and the Tripetto events will be sent to the pixel ID that you have installed yourself.1
- If you haven't already installed the Facebook Pixel tag, you can paste the pixel ID that you just copied from Facebook Pixel.
🔖 Ad 1: Using the shareable link?
If you're (also) using the shareable link to your form, make sure you always supply your pixel ID to be able to track events in the shareable link version of your form.
Step 3 - Select tracking events
Now your Tripetto form is connected to your Facebook Pixel. By default Tripetto will track the most important activities (form starting and form completion), but you can control which activities Tripetto needs to track for you.
Select the tracking events that you want to receive insights for in your Facebook Pixel.
Tripetto forms can record and share the following events:
Track form starting (tripetto_start)- Tracks when a form is started;
Track form completion (tripetto_complete)- Tracks when a form is completed;
Track staged blocks (tripetto_stage)- Tracks when a block becomes available.
It depends on your selected form face when this event will be fired:
- Autoscroll form face: this event will be fired when a block gets activated;
- Chat form face: this event fires when a block becomes answerable;
- Classic form face: this even fires when the block becomes visible.
Track unstaged blocks (tripetto_unstage)- Tracks when a block becomes unavailable.
It depends on your selected form face when this event will be fired:
- Autoscroll form face: this event will be fired when a block gets deactivated;
- Chat form face: this event fires when a block becomes unanswerable;
- Classic form face: this even fires when the block becomes invisible.
Track focus (tripetto_focus)- Tracks when an input element gains focus;
Track blur (tripetto_blur)- Tracks when an input element loses focus;
Track form pausing (tripetto_pause)- Tracks when a form is paused.
Step 4 - Receive tracking data
Facebook is now ready to receive the selected tracking data from your Tripetto form. Let's test this.
🚧 Warning: Update embed code (studio only)
If you have embedded your form in your website/app, please make sure you always update your embed code over there.
Open your Tripetto form and submit an entry to it. The best way to do so, is by just opening your form and perform the actions you want to track yourself.
Now switch back to Facebook and have a look at your Facebook Pixel to see if the data is shown.
📣 Info: Delay in Facebook Pixel
Please notice that although Tripetto sends all events in realtime, it can take some time before Facebook Pixel shows the events from your Tripetto form.
From there on you can follow the instructions of Facebook Pixel to configure the desired analysis. For help with this, please have a look at the Developer Docs by Meta/Facebook. Also see our in-depth articles about measuring completion rates and dropoffs.
Are your events not visible in your Facebook Pixel dashboard? There can be a few reasons:
- Please notice that although Tripetto sends all events in realtime, it can take some time before Facebook Pixel shows the events from your Tripetto form.
- Next step is to check if the events are triggered in the form. To test this Facebook offers an extension in popular browsers to help you validate your pixel implementation, called Facebook Pixel Helper. That gives instant insights on the events that are measured. You can install this extension right in your browser, for example Google Chrome.
- If the events are not visible in the Facebook Pixel Helper, please check if your event tracking is configured correctly in Tripetto.
- If the events are visible in the Facebook Pixel Helper, but not in your Facebook Pixel dashboard, please check if your Facebook Pixel is configured correctly. For example check if the right domain has been entered.