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:
- 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.
- 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.
- 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.
- 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.
- 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:
- How can I track conversions from a HubSpot embed form in Webflow?
- What is the process for setting up Google Ads conversion tracking in Webflow?
- Can I pass multiple conversions to Google Ads from a single Webflow site?