Google Tag Manager

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.

What you need

  • An active Feathery account and form
  • A Google Tag Manager account

What is Google Tag Manager?

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

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:

Copy Container 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:

Add New Tag

Now a configuration menu will appear:

Configuration Menu

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.

Custom HTML

Grab your Facebook Pixel code from Events Manager.

Paste the code into the HTML field.

Paste Code

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.

Trigger

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.

Save Tag

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

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the

"When inside of" nested selector

system.

This is a H6

This is a Link

  • This is a list item
  • This is another list item here
Get started with
Feathery

Request access to stay in the loop

Thanks for joining
the waitlist
Done
Oops! Something went wrong while submitting the form.