Übergeordnete querySelector auslesen per benutzerdefiniertes JavaScript

Deutschsprachiges Forum (German)
1

Habe es selbst leider nicht hinbekommen, vielleicht hat jemand hier im Forum eine Lösung…

Anforderung:
Bei Klick auf ein Element soll der übergeordnete querySelector “span.screen-reader-text” ausgelesen werden. Damit dieser dann im nächsten Schritt in einem Event als Ereignisaktion definiert werden kann.

In Google Tag Manager konnte ich das wie folgt lösen.
function(){
return google_tag_manager[‘GTM-XXXXXXX’].dataLayer.get(‘gtm.element’).parentElement.parentElement.querySelector(“span.screen-reader-text”).innerText
}

Wie lässt sich das in Matomo initiieren?
Danke für Unterstützung :slight_smile:

2

Im Tag Manager hast du Variablen, in denen du was auslesen kannst.
Wähle dort einfach beim Anlegen “Benutzerdefiniertes JavaScript” aus, dann kannst du auf alles im DOM zugreifen.
Anders ausgedrückt - dann hast du eine Function die den Wert zurück geben kann. Auf die Variable kannst du dann im Tag über {{namen der Variable}} zugreifen.

Hier mal ein Beispiel

grafik

3

vielen Dank für die Unterstützung.

Beim Google Tag Manager war die Funktion, die sich bewährt hat:

function(){
return google_tag_manager[‘GTM-XXXXXXX’].dataLayer.get(‘gtm.element’).parentElement.parentElement.querySelector("span.screen-reader-text").innerText
}

Wie müsste diese Funktion angepasst werden, damit sie auch für den Matomo Tag Manager greift?
Folgendes funktioniert nicht:

function(){
return mtm.containerId[‘dXjbINjs’].dataLayer.get(‘mtm.element’).parentElement.parentElement.querySelector("span.screen-reader-text").innerText
}

function(){
return TagManager.dataLayer.get('mtm.clickElement').getAttribute('data-placeholder');
}

Betrifft: https://www.theater-stuttgart.de
Analyse der Filter-Nutzung
Geklicktes Element: Auslesen des übergeordneten querySelectors des geklickten Elements im Filter (‘Genre’, ‘Extras’, ‘Date-Picker’, ‘Theater’, ‘Standort’ oder ‘Stück Suche’)