How To Insert Google Tag (gtag.js) After The SUBMIT BUTTON On A Form? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Insert Google Tag (gtag.js) After The SUBMIT BUTTON On A Form?

M

Michael

SP Page Builder 3 years ago

Hi guys,

A person helping with a google Adwords PPC, has requested we place the following coding be placed - AFTER the submit (or send) Button on a form?

I understand how to insert scripts in between the <head> ... </head> which then means it's on all pages, but I do not know how to place this inside 'Form Builder' ... I can see where you add CSS, but not html - CODE for scripts.

How do I do this? I have a meeting next Monday and would like to insert this before then, so if I could get a quick reply that would be much appreciated.

Thanks in advance

Syco

0
7 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #92392

Hi there,

Thanks for contacting us. Sorry, right now this feature/functionality is not available.

-Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #92399

If I may....

indeed, and for that purpose you have to use different Form Builder, for example, Convert Forms (tassos.gr) - it has needed by you feature, custom code fields. Screenshot

Zrzut ekranu 2022-11-8 o 13.29.27.png

Then you can use that CF form inside CF Module and choose that module inside Module addon (SPPB). Always works!

0
M
Michael
Accepted Answer
3 years ago #93520

Hi Toufiq,

Sorry for the late reply as I have been out of the office. Really can not believe with how important Google Adword PPC that are used by so many businesses... that there is no feature to support this scripting after pushing a SUBMIT or SEND button. :(

Hi Paul,

Thank you for your info on Convert Forms (tassos.gr)... I guess this will mean I will need to REMAKE a new form in CF... I hope I can work out how to use CF form inside CF Module ... and choose that module inside Module addon (SPPB).

Really apprecaite your help !

regards, Michael

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #93555

yes, you can. I use this way all the time.


added to wish list.

0
Pavel
Pavel
Accepted Answer
3 years ago #93558

How do I do this?

Hi. If you use GTM on your website, you can add any code to any element on the page via GTM interface on the Google side using JS/JQuery. It is in this that it makes sense to use GTM.

For example, add the class to your form addon (CSS Class field in addon settings), find the button selector through the code inspector and using an integral selector (.your-own-addon-class .submit-button-class), use it in JS/JQuery by adding the entire code in the GTM interface

0
M
Michael
Accepted Answer
3 years ago #93586

Hi Paul,

I installed CF, and created a form, which works fine ! But when I added the Google Analytics 4 Tags script into the 'After submission form' in the custom code fields... it came up with a syntax error. :(
and the form doesn't submit. ![(https://imgur.com/a/5iFxxJK)]

I guess I will have to contact their support team

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #93589

Mike, indeed. Probably you made small mistake somewhere.

0