Tag Manager / css class not detected

@matomoteam – just wondering if you had a chance to look into this topic in the meantime. Thanks in advance.

Hi @locke85,
Could you please try using the button class instead of the span class for the button in the container and let us know if it works?

• This reply was modified 1 year ago by bokaz.

@Bokaz,

many thanks for getting back. Please note that we are already using the button markup – see video recording.

What else can we check to make it work?

Thanks,

Jan

• This reply was modified 1 year ago by Jan.

@Bokaz,

with the help of the Theme developer we were able to take a step forward.

The issue was caused by the SVG-Icon that is attached to the button: “When you add a SVG Icon to a Button it will wrap the button label in a?<span>?tag.”

We therefore added a CSS snippet to address this:

.gb-button span {
    pointer-events: none;
}

When setting up a Klick-All-Elements trigger the related Tag does fire. In Debug-Mode we can also see that the css-class is being recorded (Variables / KlickClasses).

We then created a new trigger and tag to record a specific events for one button (Filter: KlickClass equal to css-class). This time the tag does not fire.

What else are we missing to make it work?

Thanks,

Jan

@Bokaz,

just wondering if you got a chance to review this and how you would go about resolving the issue?

Thanks,

Jan

Hi @locke85,
Could you please try using “contains” instead of “equals” in the trigger filter, as there is more than one class attached to that element?
Filter: ClickClass contains css-class

Hello @locked85. I would like to ask if @bokaz suggestion fixed the issue?

Hi?@locked85 As we didn’t receive a response after 1 week, we’re marking this issue as resolved. If something is not working, feel free to leave a comment and we’d be happy to assist.