Merge pull request #223 from tfwmedia/matomo-integration

Matomo integration

overrides/assets/css/modules/consent.scss

@@ -0,0 +1,102 @@
+/*
+ * Cookie Consent Styling
+ * Position the cookie consent container in the center of the viewport
+ */
+
+.satag--cookie-consent-container {
+  position: fixed !important;
+  top: 50% !important;
+  left: 50% !important;
+  z-index: 9999 !important; /* Ensure it appears above other content */
+  width: auto !important;
+  height: auto !important;
+}
+
+/*
+ * Direct targeting of Usercentrics elements
+ * These selectors target various elements that Usercentrics might create
+ */
+#usercentrics-root,
+[class*="usercentrics"],
+[id*="usercentrics"],
+.uc-banner-content,
+.uc-container,
+[class*="banner"],
+[class*="consent"],
+[class*="cookie"] {
+  top: 50% !important;
+  left: 50% !important;
+  bottom: auto !important;
+  position: fixed !important;
+  z-index: 9999 !important;
+}
+
+/* Specific targeting for the center container */
+#uc-center-container {
+  position: fixed !important;
+  top: 50% !important;
+  left: 50% !important;
+  margin: 0 auto !important;
+  text-align: left !important;
+}
+
+[id*="center-container"]:not(#uc-center-container),
+[class*="center-container"] {
+  top: 50% !important;
+  left: 50% !important;
+  position: fixed !important;
+}
+
+/*
+ * Special styling for landscape mode on smaller height screens
+ * This targets the Usercentrics container element
+ */
+@media (max-height: 768px) and (orientation: landscape) {
+    .gtPQAC,
+    [class*="usercentrics"],
+    [id*="usercentrics"],
+    .uc-banner-content,
+    .uc-container,
+    #uc-center-container {
+        border-bottom: 0 !important;
+        max-height: 100vh !important;
+        max-width: 625px !important;
+        top: 50% !important;
+        left: 50% !important;
+        position: fixed !important;
+    }
+}
+
+/*
+ * Usercentrics Privacy Button - HIGHEST PRIORITY
+ * Must stay fixed at bottom-left on ALL pages, especially home page
+ * This rule MUST come FIRST to ensure proper specificity
+ */
+html body iframe#usercentrics-cmp-ui,
+html body.home iframe#usercentrics-cmp-ui,
+html body iframe[id^="usercentrics"][id*="button"],
+html body.home iframe[id^="usercentrics"][id*="button"],
+body iframe#usercentrics-cmp-ui,
+body.home iframe#usercentrics-cmp-ui,
+body iframe[id^="usercentrics"][id*="button"],
+body.home iframe[id^="usercentrics"][id*="button"] {
+  position: fixed !important;
+  bottom: 50px !important;
+  left: 24px !important;
+  top: auto !important;
+  right: auto !important;
+  transform: none !important;
+  margin: 0 !important;
+  z-index: 9999 !important;
+}
+
+/* Additional styling to ensure the cookie consent banner is centered */
+/* Exclude Privacy Button using :not() selector */
+body iframe[id^="usercentrics-"]:not(#usercentrics-cmp-ui):not([id*="button"]),
+body [class*="usercentrics"]:not(iframe),
+body [id*="usercentrics"]:not(iframe):not(#usercentrics-cmp-ui) {
+  top: 50% !important;
+  left: 50% !important;
+  bottom: auto !important;
+  position: fixed !important;
+}

overrides/main.html

@@ -22,9 +22,9 @@
 <meta name="twitter:image" content="{{ config.site_url }}assets/images/home/share.jpg">
 
 <!-- Usercentrics CMP von eRecht24 -->
-<!-- <script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="plHHr67Ul9jqQP" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script> -->
+<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="plHHr67Ul9jqQP" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
 
-<script src="https://cloud.ccm19.de/app.js?apiKey=a6de2022ab5cc5d4e53927c6ce8dbf1783a551a8668aad1d&amp;domain=6818770b621759a9310961b2" referrerpolicy="origin"></script>
+<!-- <script src="https://cloud.ccm19.de/app.js?apiKey=a6de2022ab5cc5d4e53927c6ce8dbf1783a551a8668aad1d&amp;domain=6818770b621759a9310961b2" referrerpolicy="origin"></script> -->
 
 
 {% endblock %}