How can I set up Google Ads conversion tracking tag in Webflow?
TL;DR
- Obtain your Google Ads global site tag and event snippet from the Conversions section in Google Ads.
- Paste the global site tag into Webflow’s Project Settings under the section, and add the event snippet to the Footer Code of your Thank You page, then publish and verify tracking with Google tools.
To track conversions from Google Ads in your Webflow project, you need to install the Google Ads conversion tracking tag properly inside your site’s code. Here’s how to do it:
1. Get Your Google Ads Conversion Tag
- Log into Google Ads and navigate to Tools & Settings > Conversions.
- Click + New Conversion Action and select Website.
- Fill out the necessary fields (conversion name, value, count, etc.).
- In the setup step, choose Install the tag yourself.
- Copy the Global site tag (gtag.js) and the Event snippet shown on the screen.
2. Add the Global Site Tag to Webflow
- Go to your Webflow project and open Project Settings.
- Navigate to the Custom Code tab.
- Paste the global site tag inside the code section.
- Save changes and publish your site.
3. Add the Event Snippet to the Thank You Page
- Identify the page users land on after a successful conversion (e.g., a "Thank You" or confirmation page).
- In the Webflow Designer, go to that page.
- Open Page Settings (gear icon next to the page name).
- Paste the Google Ads event snippet in the Footer Code section of that specific page.
- Save and publish your changes.
4. Verify Installation
- Use Google Tag Assistant or Google Ads Tag Diagnostics to verify that the conversion tracking code is firing correctly.
- You can also simulate a conversion and check if it triggers in the Google Ads conversion summary.
Summary
To install Google Ads conversion tracking in Webflow, add the global site tag in Project Settings > Custom Code and place the event snippet on the confirmation page using the page-level Footer Code section. This tracks conversions properly across your Webflow site.