Webflow sync, pageviews & more.
NEW

How can I set up Google Ads conversion tracking tag in Webflow?

TL;DR
  • Copy the Global Site Tag and Event Snippet from Google Ads and paste the Global Site Tag into Webflow’s Project Settings > Head Code.
  • Add the Event Snippet either to the Thank You page’s Footer Code or via JavaScript for form submissions using the .w-form-done class, then publish and test tracking functionality.

To set up Google Ads conversion tracking in Webflow, you need to insert the Google Ads conversion tag into the appropriate location of your site to track desired actions like form submissions or page views.

1. Get Your Google Ads Conversion Tracking Code

  • In your Google Ads account, go to Tools & Settings > Conversions.
  • Click + New Conversion Action, then complete the setup (choose the type, e.g. website).
  • After setup, choose Install the tag yourself.
  • Copy both the Global Site Tag and the Event Snippet provided.

2. Add the Global Site Tag in Webflow

  • In Webflow, go to Project Settings > Custom Code.
  • Paste the Global Site Tag (gtag.js) into the Head Code section.
  • Click Save Changes, then Publish your site.

3. Add the Conversion Event Snippet

Depending on how your conversion is triggered, you have two common options:

a) Track a Page Visit (e.g., Thank You Page)

  • Paste the Event Snippet into the Before tag section under Page Settings for the specific “Thank You” or confirmation page.
  • Go to Pages > [Thank You Page] > Settings (gear icon).
  • Paste the Event Snippet into the Footer Code area.

b) Track a Form Submission

  • Go to Page > Settings > Before tag and wrap the conversion code in a JavaScript listener for form submissions.

  • Because Webflow forms use AJAX to submit, you need to trigger the conversion with a script using Webflow's w-form-done class.

  • To do this, insert a script like this in the Footer Code section under Site-wide Custom Code or per-page:

    Example:
    ```

    ```

    Replace AW-CONVERSION_ID/label with the value provided by Google Ads in your Event Snippet.

4. Publish and Test

  • Publish your site again after adding the event tracking code.
  • Use Google Tag Assistant or Google Ads Conversion Tracking Tag testing tools to verify correct installation.

Summary

To set up Google Ads conversion tracking in Webflow: (1) add the Global Site Tag in Project Settings > Head Code, and (2) add the Event Snippet to either a Thank You page or via script with a form submission handler. Then publish and test to ensure it's tracking properly.

Rate this answer

Other Webflow Questions