How can I track the number of people who click the "Book A Free Consultation" button on my Webflow site and are redirected to a separate website for scheduling appointments?
TL;DR
- Add Google Tag Manager to your Webflow site using GTM code snippets in Project Settings.
- Assign a unique ID or class to the "Book A Free Consultation" button in Webflow.
- In GTM, create a click trigger targeting that ID/class and a GA4 event tag linked to it.
- Test in GTM preview mode and verify the event appears in GA4 Real-Time reports.
To track clicks on your "Book A Free Consultation" button that redirects users to an external scheduling site, you can set up event tracking in Google Analytics using Google Tag Manager (GTM) or Webflow’s custom code.
1. Add Google Tag Manager to Your Webflow Site
- Create a GTM account at tagmanager.google.com.
- In GTM, create a new container for your website.
- Copy the GTM container code snippets (head and body).
- In Webflow, go to Project Settings > Custom Code:
- Paste the head code into the Inside Head Tag section.
- Paste the body code just after the opening <body> tag in the Before </body> Tag section.
2. Identify the Button
- Go into the Webflow Designer.
- Select the button that links to your external scheduling site.
- In the Element Settings, give the button a unique ID (e.g.,
book-consultation-btn) or class name (e.g.,book-btn), whichever you prefer.
3. Set Up a Click Trigger in Google Tag Manager
- In GTM, go to Triggers > New.
- Choose Trigger Type: Just Links or All Elements, depending on your setup.
- Enable "Wait for Tags" and "Check Validation".
- Under “This trigger fires on”, choose Some Link Clicks, and set:
- Click ID equals book-consultation-btn (if you used an ID), or
- Click Classes contains book-btn (if using a class).
- Name and save the trigger.
4. Create a Tag to Send Data to Google Analytics
- In GTM, go to Tags > New.
- Choose Tag Type: Google Analytics: GA4 Event (use GA4 Configuration if not yet done).
- Set the Event Name (e.g.,
consultation_click). - Link this tag to your previously created GA4 Trigger.
- Save and publish the changes.
5. Verify the Click Event
- Open your website in Preview Mode in GTM.
- Click the "Book A Free Consultation" button.
- Confirm the tag fires as expected in GTM’s debug panel.
- In GA4, go to Real-Time > Events to confirm the event shows up.
Summary
To track button clicks that link to an external site, use Google Tag Manager to create a click trigger and fire a GA4 event tag when the "Book A Free Consultation" button is clicked. Make sure the button has a unique ID or class, test the trigger in preview mode, and verify results in Google Analytics 4.