Identifying visitors in Woopra using GTM & Form Variables

Related Articles

Track YouTube video views in Woopra using GTM

October 28, 2015

Personalized Javascript popups using Woopra segments and triggers

October 24, 2015

Send events to Woopra using GTM

October 19, 2015

Continuing on from Part 1: Identifying visitors in Woopra using GTM & URL Variables, we’re going to now look at how to identify visitors in Woopra using GTM to extract form field variables before or after a form has been submitted.

Implementation time: 30 minutes

Prerequisites:

• Woopra installed and running
• Google Tag Manager installed

Identifying visitors using form variables:

For this implementation we’re going to use the example of a subscription form on a website. This method can be expanded to many forms and form variables as required by your website.

Update form ID’s:

For this to work, each form field must have a unique ID on your website. Below is an example of a basic subscription form field with the email field set to id=email. This will be different depending on how your website is setup. Ideally it is best to use the same ID across all of your fields which you will be extracting the variable.

Example:

Create the Form Variable in GTM:

The piece of JavaScript executed below is what will pull the value from the form field email

1. Open GTM and navigate to Variables > New Variable
2. Name the variable something you can remember
3. Choose Custom JavaScript as the variable type
4. In the variable configuration insert the code the pull the variable from the form element

Create the Form Variable trigger in GTM:

The most common form trigger to use is when GTM detects there has been a form submission (generic form trigger). Of course this is not always the most practical depending on how your website is setup. Also adjust your trigger if you only want the tag to only execute on certain pages.

1. Open GTM and navigate to Triggers > New Trigger
2. Name your trigger
3. Configure your trigger and add in any form submission validation if necessary
4.  Choose which forms you want to fire the tag on

Create the Form Variable Tag in GTM:

1. Open GTM and navigate to Tags > Create New
2. Name your tag
3. Choose HTML Tag as the product type
4. Configure the tag with the JavaScript which will send the event to Woopra (below)
5. Add trigger set from the previous step which the tag will fire on

(Note: {{FormEmail}} is the name of the variable which you created in GTM)