How to Track Traffic using Otter Forms?
Using Otter Form blocks, you have access to multiple options, including building an efficient traffic tracking system. This article presents an example of medium tracking using Forms.
| Building the Tracker
| 🎥Video - How To Track Traffic On Your Website Using Otter Form?
Building the Tracker
Navigate to the desired page and open it in the editor.
Add a form block and choose its layout (Contact or Subscribe).
Customize the form as you wish.
When everything is done, click on the Add Input Field button in the right sidebar.
Click on the pencil icon to edit it.
From the Field Type dropdown, select Hidden.
Inside the Query Param textbox, place the utm_parameter (e.g. utm_medium) that has to be met in the page URL so that its value will be stored in the dashboard.
Save the changes and click on View Page.
📝 Note: This field will not be visible to the users, but only to the admin, inside the dashboard.
📝 Note: Unlike the other form fields, this one cannot be required.
When the URL contains the utm_parameter that you set inside the hidden field, here: utm_medium, and it has a certain value, here: referral, the value will be stored in Dashboard > Otter Blocks > Form Submissions.
As you can see, the submissions that have a utm_medium in the URL will have an extra Hidden input that contains its value, whereas the submissions that don't contain the utm_parameter will not have the Hidden input, so the traffic cannot be properly identified.
📝 Note: If the utm_parameter is in the URL but doesn't have a value, the Hidden field will not appear.
If you want to add multiple utm_parameters, you can follow the steps above as many times as you want.