Adding Google Onclick Conversion to CF7 Button

Same problem here

hi @webmaster1234,
try with a js event listener:

<button id="button-submit">BUTTON</button>
<script>
document.getElementById('button-submit').addEventListener("click", function() {
  return gtag_report_conversion('https://example.com/your-link');
});
</script>

@codekraft

Thanks, Erik,

Sorry, I’m a newb so we would put this into our contact form 7 form making a new “submit” button with an “ID attribute” named “button-submit”?

[submit id:button-submit "Submit"]

Then we input the javascript listener into the theme?

<script>
document.getElementById('button-submit').addEventListener("click", function() {
  return gtag_report_conversion('https://example.com/your-link');
});
</script>

For the “your-link” should we just use the same page URL as the form is on? Would that work?

Thanks for your help.

the easiest way is to add that code in the form template just below the button in this way:

[text example-1]

[text example-2]

[submit id:button-submit "Submit"]
<script>
document.getElementById('button-submit').addEventListener("click", function() {
  return gtag_report_conversion('https://example.com/your-link');
});
</script>

hope it helps!

@codekraft

Thank you Eric.

We placed the code inside the CF7 form using the page URL and it worked. We did not receive a “confirmation notice” from CF7 that the form was submitted successfully however the message did still send.

hi @webmaster1234
I can’t tell the reason, I would have to check the website or at least the form code…

Are you sure you didn’t add breakline inside <script>? it’s important, if not a <p> will be added automatically.

did you receive the response correctly before adding script into the form? try to check the browser console if you see any error message

A form with scripts needs to look like this (check the screenshot below the page)

@codekraft

Hey Erik. No line break was added the code was directly from here directly into the form.

It’s ok though, I think the page reload is happening with others also as I have read that used this onclick conversion.

Yes, we were getting confirmation notice before adding the script however it is not that important to us.

Thanks again for your help! Appreciate it.