Expand my Community achievements bar.

Join us at Adobe Summit 2024 for the Coffee Break Q&A Live series, a unique opportunity to network with and learn from expert users, the Adobe product team, and Adobe partners in a small group, 30 minute AMA conversations.
SOLVED

how to track form submission

Avatar

Level 1

I'm new in analytics, I have to find out the how many forms are completed so I created a rule in TMS but it's not working for testing I added alert into the custom code but again it not shown on the form submit

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Hi Pradeep, 

 

There is no "one-size-fits-all" solution for this.  Your solution is unique to how your site is setup.

For example, It depends on, does your form have a unique URL the visitor has to go to? Or is it some button you click and you get an overlay on a page? Is it embedded as an iframe on your site? 

 

However, you can refer to the below common methods

 

Method 1: If the event as to be triggered when a submit button is clicked, 

<button onclick="myFunction()">Click me</button>

<script>

function myFunction()

s.events="eventN" // where eventN can be any counter event, which increments by 1 when ever submit button is clicked.

s.tl();

}

</script>

 

Here s.tl() function is mandatory so that event is tracked, refer to this link to understand the use of 

s.tl() function 

https://docs.adobe.com/content/help/en/analytics/analyze/activity-map/link-tracking/activitymap-stl-...

Since, you are facing a trouble in tracking the triggers, please check whether s.tl function is added. 

 

Method 2: If there is a unique url, where the visitor will reach after submitting a form, 

For instance like visitor reach to a page url with  "thank you/successfully submitted the form" in url path or dom element has a value like above, you can fire a adobe analytics trigger to capture no of times the form is successfully submitted

 

Hope this helps

 

View solution in original post

4 Replies

Avatar

Correct answer by
Employee Advisor

Hi Pradeep, 

 

There is no "one-size-fits-all" solution for this.  Your solution is unique to how your site is setup.

For example, It depends on, does your form have a unique URL the visitor has to go to? Or is it some button you click and you get an overlay on a page? Is it embedded as an iframe on your site? 

 

However, you can refer to the below common methods

 

Method 1: If the event as to be triggered when a submit button is clicked, 

<button onclick="myFunction()">Click me</button>

<script>

function myFunction()

s.events="eventN" // where eventN can be any counter event, which increments by 1 when ever submit button is clicked.

s.tl();

}

</script>

 

Here s.tl() function is mandatory so that event is tracked, refer to this link to understand the use of 

s.tl() function 

https://docs.adobe.com/content/help/en/analytics/analyze/activity-map/link-tracking/activitymap-stl-...

Since, you are facing a trouble in tracking the triggers, please check whether s.tl function is added. 

 

Method 2: If there is a unique url, where the visitor will reach after submitting a form, 

For instance like visitor reach to a page url with  "thank you/successfully submitted the form" in url path or dom element has a value like above, you can fire a adobe analytics trigger to capture no of times the form is successfully submitted

 

Hope this helps

 

Avatar

Employee Advisor

Hi Pradeep, 

 

There is no "one-size-fi)ts-all" solution for this.  Your solution is unique to how your site is setup. For example, does your form have a unique URL the visitor has to go to? Or is it some button you click and you get an overlay on a page? Is it embedded as an iframe on your site? 

 

However,  below are the two common methods to trigger a counter event in adobe analytics for form submissions

Method: To trigger a counter event when a submit button is click

<button onclick="myFunction()">Click me</button>

<script>

function myFunction()

{

s.events="eventN”; // eventN is the event assigned for tracking the number of form submissions

s.tl();

}

</script>

Note: This is just a sample custom code,however it will change based on the website

 

Here, s.tl(), function is mandatory to trigger a counter event in adobe analytics, Since you are facing a trouble in tracking, please check whether a s.tl() is added in the custom code

 

Refer to this link to understand the importance of s.tl function:

https://docs.adobe.com/content/help/en/analytics/implementation/vars/functions/tl-method.html

 

Method 2:  If the "thank you" page has a unique URL, can the user only get to it upon successful completion or similarly if there is a attribute like “submitted successfully, thank you for submitting the form” in a unique element Id as a part of dom, you can trigger a counter event to track the successful form submissions in adobe analytics.

 

Hope this helps

Avatar

Level 10
Do any of the answers below answer your initial question? If so, can you select one of them as the correct answer? If none of the answers already provided answer your question, can you provide additional information to better help the community solve your question?

Avatar

Level 4

Form submission can be tracked simply by using  _satellite.track() function. It’ll not only help in capturing the successful form submission. You can also pass additional information with this function as well.

Let’s say you want to capture the form submission whenever someone successfully submits the form i.e click on the submit button. You can ask your developer team to pass the code given below whenever someone clicks on the button

 

                                             _satellite.track(“submit” // identifier you want to pass//)

 

After passing the information. Create a direct call rule and pass the identifier. Identifier should be the same as you passed in the  _satellite.track() which will be ‘submit’ in this case.

 

Pankaj_Sabharwal_0-1641979904437.png

 

Then further you can set variables, in which you can define which evar, prop and event should capture value when this event occurs.

 

Pankaj_Sabharwal_1-1641979904445.png

 

In this way, you can easily capture the successful form submission.