form start tracking

Gold Contributor
Gold Contributor

Hi Everyone,

I need to track "Form Start" in below form, How can i achieve that. Rule should fire only once when user interact with any of the field.

Select Tag and Input Tag are the two types of tags in below form.

form tracking.JPG

Which extension and what approach i should follow?

Thanks.

 

2 REPLIES 2

form start tracking

Bronze Contributor
Bronze Contributor

Hi @parth_gupta199 - You can use the jQuery clickhandler (1.6 and below) to fire your start event when one of your form elements are clicked. 

Use the jquery selector field in the Tealium extension to target the specific HTML element (in this case maybe the entire form or 1 field from your form).  You can select from multiple triggers including click, and more. One of these options is "change". You may be able to leverage that trigger to look for a change to a specific form field on your page so that your start event triggers when an individual starts interacting with your form and inputting text.

For a start event, I believe best practice would be to set the Tracking Event : link within the extension. Lastly, depending on your setup, set a variable that you are using to count form starts to a value that suits you.

Hope this helps!

form start tracking

Silver Contributor
Silver Contributor

Hello,

The rule you mentioned is bit unclear to me, do you need to track only once when the user starts to interact with form for the first time.

If so, you need to declare a flag in order to stop tracking from repeatative interaction.

var hasInteracted = false;
$('form').on('click', ()=>{
  if (!hasInteracted){
     hasInteracted = true;
     //  track logic here
    }
})

If not, you can directly trigger track function on every form interaction by getting rid of the flag in above reference code.

P.S. The suggested click event is targetted to the respective form in order to track INTERACTION. Hence it may track even if no value has been changed. If needed to track on value change, please use 'change' event on all the fields of form using common class. Similarly you can use flag in this case to avoid multiple tracks on change event.

Public