How can I add a custom attribute for tracking Google Ads conversions to the buttons on my site in Webflow?

Published on
September 22, 2023

To add a custom attribute for tracking Google Ads conversions to the buttons on your site in Webflow, you will need to follow these steps:

  1. Access the Webflow Designer: Log in to your Webflow account and open the project you want to edit.

  2. Select the button: Navigate to the page where you want to add the custom attribute and select the button element you want to track Google Ads conversions for.

  3. Open the element settings: With the button element selected, open the element settings by clicking on the settings gear icon or pressing D on your keyboard.

  4. Add a custom attribute: In the Element Settings panel, scroll down to the "Attributes" section. Click on the "+" button to add a new attribute.

  5. Enter the attribute details: In the "Name" field, enter the name of the custom attribute you want to add. For tracking Google Ads conversions, the attribute name should be "data-gtag".

  6. Set the attribute value: In the "Value" field, enter the value for the custom attribute. In this case, you will need to add the Google Ads conversion tracking code provided by Google. The code will look something like this: conversion_id=value;conversion_label=value;

  7. Save and publish: Once you have added the custom attribute details, click the "Save" button to save your changes. Finally, publish your site to make the attribute live on your website.

By following these steps, you will be able to add a custom attribute for tracking Google Ads conversions to the buttons on your site in Webflow. This will help you track the performance of your ads and optimize your campaigns accordingly.

Additional Questions:

  1. How can I track Google Ads conversions on my Webflow site?
  2. What is the process for adding custom attributes in Webflow?
  3. Can I use custom attributes to track conversions for other advertising platforms in Webflow?