Copy from the debugDL plugin
Posted: Sat Feb 01, 2025 8:21 am
Paste into the developer console - get the result. Remember that we are binding to the ID - copy the code - in the form settings, select FormID - equals - insert the name of the ID widgetu1995 - click "Save".
Go to the site and refresh the page so that the Google Tag Manager debugger loads. Enter the values in the form - check - click "Submit".
GTM form submit worked - the tag fired (Tags fired on this page) - click "Form". south africa rcs data Let's see what is being sent to it (category 'Form' - expand the tab).
We switch to real-time mode in the GA account. We look at "Events" - Form: yes, action by event widgetu1995: yes.
In addition, you can create a conversion for this event. Return to the admin panel - create a goal and copy the category and action of the event we created from Google Tag Manager. This way you can track the correct completion of the form, and not just the interaction with the button.
It often happens that a site is made on some kind of designer. But if the designer already has the ability to correctly track forms, then other designers (for example, LP Generator and others) do not always provide such an opportunity.
In this case, there is a possibility to somehow track the event, but there is no access to the source code of the site (namely for editing). In this case, you can connect to the appearance of the window. For example, "Thank you for filling out the form! The form has been successfully submitted."
Right-click - "View Code" (the message "Thank you for filling out the form! The form has been successfully submitted"). You can copy the "clearfix grpelem" class and try to bind it using a CSS selector. There is also an ID, but if we are tracking the occurrence of an event, then we need the "Element Availability" tag. Selection method: CSS selector. You need to "pick up the element" using the CSS Selector Tester plugin.
Go to the site and refresh the page so that the Google Tag Manager debugger loads. Enter the values in the form - check - click "Submit".
GTM form submit worked - the tag fired (Tags fired on this page) - click "Form". south africa rcs data Let's see what is being sent to it (category 'Form' - expand the tab).
We switch to real-time mode in the GA account. We look at "Events" - Form: yes, action by event widgetu1995: yes.
In addition, you can create a conversion for this event. Return to the admin panel - create a goal and copy the category and action of the event we created from Google Tag Manager. This way you can track the correct completion of the form, and not just the interaction with the button.
It often happens that a site is made on some kind of designer. But if the designer already has the ability to correctly track forms, then other designers (for example, LP Generator and others) do not always provide such an opportunity.
In this case, there is a possibility to somehow track the event, but there is no access to the source code of the site (namely for editing). In this case, you can connect to the appearance of the window. For example, "Thank you for filling out the form! The form has been successfully submitted."
Right-click - "View Code" (the message "Thank you for filling out the form! The form has been successfully submitted"). You can copy the "clearfix grpelem" class and try to bind it using a CSS selector. There is also an ID, but if we are tracking the occurrence of an event, then we need the "Element Availability" tag. Selection method: CSS selector. You need to "pick up the element" using the CSS Selector Tester plugin.