How do I add Google Ads Conversion Tracking code to the submit buttons on the API page and Contact Page Submission buttons in Webflow?
- Add the global site tag (gtag.js) to the Head Code section of Webflow’s Project Settings.
- Embed the conversion event script inside the Success Message Block of each form to trigger tracking only upon successful submission.
To add Google Ads Conversion Tracking to the submit buttons on your API and Contact pages in Webflow, you'll need to insert the conversion tracking code so it fires when the form is successfully submitted.
1. Get the Google Ads Conversion Tracking Code
- In your Google Ads account, go to Tools & Settings > Conversions.
- Create a new conversion action or use the existing one.
- Choose Website and follow the setup to generate the tag.
- Select the option to Install the tag yourself.
- Note the conversion ID and conversion label from the event snippet.
2. Add the Global Site Tag (gtag.js) to Your Entire Webflow Site
- Go to Project Settings > Custom Code > Head Code section.
- Paste the global site tag (gtag.js) snippet there.
- This ensures the base tracking loads on all pages.
3. Add the Google Ads Conversion Event to the Success Message Area
In Webflow Designer, click on your form element on the API or Contact page.
In the Element Settings panel, look for the Form Block.
Under the form, locate the Success Message Block (the one shown after submission).
Add an Embed element inside the Success Message Block.
In the Embed block, paste the conversion event snippet only, which looks like this (replace values with your real ones):
```javascript
```
This ensures the script runs only after a successful form submission, which is the correct way to track conversions in Google Ads.
4. Publish and Test
- Click Publish in the upper-right corner of Webflow.
- Submit a test form entry to trigger the success message and conversion event.
- Use the Google Tag Assistant (Chrome Extension) or Google Ads’ Conversion Troubleshooter to verify the event is firing correctly.
Summary
To track form submissions on your API and Contact pages using Google Ads Conversion Tracking, include the global site tag in Project Settings, then embed the conversion event script inside the Success Message Block of each form in Webflow. This ensures the event only fires on a successful form submission.