Custom attributes (<a>) on symbols / overrides

[Meirion (Meirion Williams)]

I’m using this script to track click events on buttons in GA using two custom attributes on my < a > links. This works fine.

Track Events (clicks) using Google Analytics Script

This is a simple script to track events in your Google Analytics account. If you want to track a buttons clicks, give the button a class ga-event and add the following attributes: data-event-category = “Website Leads” data-event-label = “Book A Demo” NOTE: Change Website Leads and Book A Demo to whatever you want to call these. Create different names for however you want to segment the events. [image] You must be using Google Analytics script for this to work - so the integrations page sh…

However, I’m having trouble setting it up to work with unique attributes when using a button as a symbol.

Technique one… overrides (fails)
I’d like to add an override field for custom attributes, so that when I place my < a > button symbol I can pass in my specific GA event names for that particular link. Unfortunately, I can’t see a way to connect up overrides to custom attributes.

Technique two… Applying custom attributes to symbol instances.
When I try to do this, the attributes end up applying to a new < div > not the < a > of the button. Does webflow wrap symbols up in an extra div perhaps?

I have a screenshot, but I can’t attach it as I’m a new forum user

Is the only way to not use symbols for all my buttons?

---

Sorry can’t share my site