How can I pass the Google Ads conversion when a HubSpot embed form on a different page is completed in Webflow?

Published on
September 22, 2023

To pass the Google Ads conversion when a HubSpot embed form on a different page is completed in Webflow, you can follow these steps:

  1. Set up the Google Ads conversion tracking:
  • Log in to your Google Ads account and navigate to the "Conversions" section.
  • Click on the "+ Conversion" button to create a new conversion action.
  • Select the appropriate conversion category and type, and give it a relevant name.
  • Choose the "Webpage" option and enter the URL of the page where the form submission happens (not the page with the form).
  • Set a conversion value, if applicable, and customize the rest of the options as needed.
  • Save the conversion action.
  1. Obtain the Google Ads conversion tracking tag:
  • After saving the conversion action, Google Ads will provide you with a conversion tracking tag.
  • Copy the tag code provided.
  1. Add the Google Ads conversion tracking tag to your Webflow site:
  • Log in to your Webflow account and select the project where your site is hosted.
  • Go to the Project Settings and click on the "Custom Code" tab.
  • Paste the Google Ads conversion tracking tag code into the "Head Code" section.
  • Save the changes.
  1. Customize the HubSpot embed form on the different page:
  • On the page where you have embedded the HubSpot form, navigate to the form settings.
  • Add a hidden field to the form and name it something like "GoogleAdsConversion".
  • Set a value for the hidden field that will indicate the completion of the form (e.g., "yes" or "completed").
  • Save the form settings.
  1. Implement the conversion tracking script for the HubSpot form:
  • On the page where the HubSpot form is embedded, add a custom script to pass the conversion to Google Ads.
  • Use JavaScript to identify when the form is successfully submitted.
  • When the form is completed, use the Google Ads Conversion Tracking API to trigger the conversion event.
  • Pass the conversion value and any other relevant data to the API.

By following these steps, you will be able to pass the Google Ads conversion when a HubSpot embed form on a different page is completed in Webflow. This allows you to track and optimize your ad campaigns based on the form submissions from your Webflow site.

Additional questions:

  1. How can I track conversions from a HubSpot embed form in Webflow?
  2. What is the process for setting up Google Ads conversion tracking in Webflow?
  3. Can I pass multiple conversions to Google Ads from a single Webflow site?