Google Tag Manager is a free tool that allows you to add or change tracking on a website or application without needing to rely on development resources. Now, you can also use it with Feathery forms.
- An active Feathery account and form
- A Google Tag Manager account
Google Tag Manager is a free application that manages various tracking tools, primarily designed for professional marketers. You no longer have to add tracking tools to your website one by one and changing code. Install Google Tag Manager once, then add any tracking tools you'd like to it.
You can use it to set up tracking for all your sources of traffic, including:
- Facebook Ads
- Google Adwords
- LinkedIn Sponsored Ads
- Twitter Ads
- Open Tag Manager, and copy your Google Tag Manager Container ID to your clipboard (Ctrl+C). Here’s where you’ll find that ID:
- Navigate to the Feathery form that you want to track. Click on the
- Find the Google Tag Manager integration, and paste in your container ID.
Save, and you’re now ready to track using Tag Manager.
Simply adding Tag Manager to your form won’t do anything until you’ve set it up. Here’s a simple example of the process – adding Facebook Pixel to Tag Manager. For more on setting up Tag Manager, see Google’s documentation.
To create a tag, click
Add a new tag:
Now a configuration menu will appear:
Click anywhere on Tag Configuration to bring up the tag type menu. You can choose from all kinds of Google products, including Analytics, plus a ton of ready-made tags for other tracking software.
Facebook Pixel is not included, so we need to choose
Grab your Facebook Pixel code from Events Manager.
Paste the code into the HTML field.
Next, we need to set up the tag event trigger. Click the
Triggeringfield to open up the
Choose a triggermenu. We’ll go for
Page Viewas an example. Click that to be taken back to the tag configuration interface.
Save. You've successfully set up Pixel in Tag Manager, so you’ll be able to track your form’s page views (in this example) from Facebook Events Manager.
Along with out-of-the-box Google Tag Manager data, we support a few custom events and variables.
FeatheryStepSubmit- when a step of the form is submitted
FeatheryStepLoad- when a step of the form is loaded
userId- the ID of the user filling out the form
formId- the unique name of the form being filled out
stepId- the unique name of the form step being loaded or submitted