How can I properly track form submissions on my Webflow site that come from Google Adwords? I have followed the steps provided by Google, but I am unsure about where to add the code and how to link it to the submit button. I have already attempted to add the code in the custom code section labeled "Inside tag". Can someone please help me with this?
- Add the global site tag to the Webflow project’s head section via Project Settings.
- Trigger the Google Ads conversion event either by placing the event snippet on a Thank You page or using custom JavaScript to fire on form submission.
- Publish the site and test the setup using Google's Tag Assistant or conversion debug tools.
To properly track form submissions from Google Ads (AdWords) in Webflow, you need to accurately install the Google Ads conversion tracking snippet and connect it to your form submission. Adding the tag globally is just step one — the form needs a custom event trigger too.
1. Add the Global Site Tag (if not already)
- Go to Project Settings > Custom Code tab.
- In the “Inside
<head>tag” section, paste your global site tag (gtag.js) from Google Ads. This loads the tracking script on every page. - Example snippet begins with:
<!-- Global site tag (gtag.js) - Google Ads: XXXXXXXX --> - Click Save and then Publish your site.
2. Add the Conversion Event Snippet
You also need the Google Ads conversion event snippet, which looks like this:gtag('event', 'conversion', {'send_to': 'AW-XXXXXXX/XXXXXXXX'});.
- You should trigger this snippet only after a successful form submission.
3. Trigger the Conversion on Form Submission
Webflow does not support JavaScript-based form hooks natively, so to trigger the conversion properly, use one of the following approaches:
Option A: Add Conversion Script on “Thank You” Page
If your Webflow form redirects to a separate “Thank You” page after submission:
- Place the conversion event snippet inside the Page Settings > Before
</body>tag of the “Thank You” page. - Example: Go to Pages panel > Thank You page > Page Settings > Custom Code > Before
</body>tag.
This ensures the conversion is triggered only after a successful form submission.
Option B: Use Custom Code to Fire on Form Submission
If you're using an in-page confirmation, add the script to Website Settings:
Go to Project Settings > Custom Code > Before
</body>tag and place a script like:```javascript
```
Replace AW-XXXXXXX/XXXXXXXX with your actual Google Ads conversion ID and label.
Make sure:
- You only have one form per page, or adjust the selector as needed.
- The script is compatible with Webflow’s built-in Ajax-based form submission.
4. Re-Publish Your Site
After inserting the code:
- Click Publish to all connected domains.
5. Test the Conversion
- Submit a test form from a browser.
- Use the Google Tag Assistant Chrome extension or Google Ads conversion debug tool to ensure the conversion tag fires correctly.
Summary
To track Google Ads form conversions in Webflow:
- Place the global site tag in your project’s head section.
- Use a separate Thank You page or add a custom JavaScript listener to fire the conversion event on successful submission.
- Always publish and test thoroughly using Google’s debugging tools.