How to set up

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 Integrations tab.

Find the Google Tag Manager integration, and paste in your container ID.

Click Save, and you’re now ready to track using Tag Manager.

Set up tags

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 Custom HTML.

‍

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 Triggering field to open up the Choose a trigger menu. We’ll go for Page View as an example. Click that to be taken back to the tag configuration interface.

‍

Now click 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.

Custom Events

Along with out-of-the-box Google Tag Manager data, we support a few custom events and variables. You can optionally configure the integration to also send submitted field data as part of the event.

Events

• FeatheryStepSubmit - when a step of the form is submitted
• FeatheryStepLoad - when a step of the form is loaded

Variables

• 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