feat: add gtm-classes on trigger elements

Author: Dorien Grönwald

resources/views/partials/buttons/copy-button.antlers.html

@@ -1,6 +1,6 @@
 <button
     @click="copyCode()"
-    class="{{ class }} button button-secondary hocus:bg-green absolute right-2 z-20 gap-x-1.5 bg-white text-sm lg:gap-x-2.5 lg:text-base"
+    class="{{ class }} gtm-copy-code button button-secondary hocus:bg-green absolute right-2 z-20 gap-x-1.5 bg-white text-sm lg:gap-x-2.5 lg:text-base"
 >
     <span class="sr-only">Code</span>
     Kopieren

resources/views/partials/checklists/disclosure.antlers.html

@@ -1,4 +1,4 @@
-<div x-data="accordion({ id: '{{ slug }}' })" class="border-green rounded-sm border bg-white">
+<div x-data="accordion({ id: '{{ slug }}' })" class="gtm-disclosure-checklist border-green rounded-sm border bg-white">
     {{ partial:disclosure/control control_id="{slug}" }}
         <div class="flex flex-wrap gap-x-3">
             <h3 class="font-headline text-green hocus:text-green-800 text-lg font-medium">
@@ -28,15 +28,15 @@ <h3 class="font-headline text-green hocus:text-green-800 text-lg font-medium">
                 {{ if component && !requirement }}
                     <a
                         href="{{ component:url }}"
-                        class="text-green hocus:text-green-800 flex items-center gap-x-2 underline"
+                        class="gtm-component-link text-green hocus:text-green-800 flex items-center gap-x-2 underline"
                     >
                         Zur Komponente in der Wissensbibliothek
                         {{ svg:general/arrow class="size-6" }}
                     </a>
                 {{ /else }}
                     <a
                         href="{{ component:url }}#{{ requirement:slug }}"
-                        class="text-green hocus:text-green-800 flex items-center gap-x-2 underline"
+                        class="gtm-component-link text-green hocus:text-green-800 flex items-center gap-x-2 underline"
                     >
                         Zur Anforderung in der Wissensbibliothek
                         {{ svg:general/arrow class="size-6" }}

resources/views/partials/learning-modules/disclosure.antlers.html

@@ -8,7 +8,7 @@
         entryId: '{{ id }}',
         collection: '{{ collection }}'
     })"
-    class="rounded-sm bg-green-50"
+    class="gtm-disclosure-learning-module rounded-sm bg-green-50"
 >
     {{ partial:disclosure/control control_id="{slug}" }}
         <h3 class="font-headline text-green hocus:text-green-800 flex flex-wrap gap-x-3 text-xl font-semibold">

resources/views/partials/requirements/disclosure.antlers.html

@@ -8,7 +8,7 @@
         entryId: '{{ id }}',
         collection: '{{ collection }}'
     })"
-    class="border-green rounded-sm border"
+    class="gtm-disclosure-requirement border-green rounded-sm border"
 >
     {{ partial:disclosure/control control_id="{requirement:slug}" }}
         <div class="flex flex-col-reverse gap-y-0.5 lg:gap-y-1">