How can I add custom tracking code from Google to the "Book Online" button on the front page of my Webflow website?

To add custom tracking code from Google to the "Book Online" button on the front page of your Webflow website, follow these steps:

1. Log in to your Google Analytics account and navigate to the Admin section.
2. In the Property column, select the relevant website property you want to track.
3. Under the Property column, click on "Tracking Info" and select "Tracking Code."
4. Copy the tracking code provided by Google Analytics.

Now, let's integrate the tracking code into your Webflow website:

1. Open your Webflow project and go to the Designer.
2. Navigate to the page where the "Book Online" button is located.
3. Select the button element, and in the right-hand sidebar, click on the "Settings" tab (the gear icon).
4. Under the "Click" interaction section, there should be a field called "Open Link."
5. Click on the "+" icon to add a custom attribute to the button.
6. In the attribute field, add "onclick" (all in lowercase).
7. In the attribute value field, enter the following code:

```
ga('send', 'event', 'Button', 'Click', 'Book Online');
```

Replace `'Button'` with the appropriate category for your button, `'Click'` with the appropriate action, and `'Book Online'` with the appropriate label for your button. This code will send an event to Google Analytics when the button is clicked.

8. Click outside of the attribute field to save the changes.

Finally, publish your Webflow site to make the tracking code live. After the changes are published, Google Analytics will start tracking the events associated with your "Book Online" button.

It's important to note that this method assumes you have already integrated Google Analytics into your Webflow project. If you haven't done so, you can follow Webflow's documentation on how to add Google Analytics tracking to your website.