clemens/kaffeekasse-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cookie-Banner klarer gestalten

Browse Source
This commit is contained in:
clemens
2026-08-27 12:46:44 +02:00
parent c86803bbd6
commit da7132d4ce
3 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/analytics.php
+3 -3
View File
@@ -145,12 +145,12 @@ function app_analytics_body_html(): string
<section class="analytics-consent" id="analytics-consent" aria-labelledby="analytics-consent-title" aria-describedby="analytics-consent-description" hidden>
<div class="analytics-consent__inner">
<div class="analytics-consent__copy">
<h2 id="analytics-consent-title">Optionale Nutzungsanalyse</h2>
<h2 id="analytics-consent-title">Cookie-Zustimmung</h2>
<p id="analytics-consent-description">Wir möchten mit Matomo verstehen, wie unsere Website und App genutzt werden. Erst nach deiner Zustimmung übermitteln wir Seitenaufrufe an unser selbst betriebenes Matomo und setzen ein Analyse-Cookie. Notwendige Cookies funktionieren immer. Mehr dazu steht im <a href="datenschutz.php">Datenschutz</a>.</p>
</div>
<div class="analytics-consent__actions">
<button type="button" data-analytics-consent="denied">Nur notwendige</button>
<button type="button" data-analytics-consent="granted">Analyse erlauben</button>
<button type="button" data-analytics-consent="denied">Nur notwendige Cookies</button>
<button type="button" data-analytics-consent="granted">Zustimmen</button>
</div>
</div>
</section>
assets/css/privacy-settings.css
+11
View File
@@ -75,6 +75,17 @@
border-color: #2f6418;
}
.analytics-consent__actions [data-analytics-consent="denied"] {
background: #ffffff;
color: #2f6418 !important;
}
.analytics-consent__actions [data-analytics-consent="denied"]:hover {
background: #f2f7ef;
border-color: #2f6418;
color: #244f13 !important;
}
.analytics-consent__actions button:focus-visible,
.analytics-consent-settings:focus-visible {
outline: solid 3px #f0b429;
scripts/check-analytics-consent.php
+8 -2
View File
@@ -61,8 +61,14 @@ $head = app_analytics_head_html();
$body = app_analytics_body_html();
$assert('Consent-Stylesheet wird lokal und filterarm geladen', str_contains($head, 'assets/css/privacy-settings.css'));
$assert('Zustimmen und Ablehnen stehen in derselben Ebene',
str_contains($body, 'data-analytics-consent="denied"')
&& str_contains($body, 'data-analytics-consent="granted"'));
str_contains($body, 'data-analytics-consent="denied">Nur notwendige Cookies</button>')
&& str_contains($body, 'data-analytics-consent="granted">Zustimmen</button>'));
$assert('Einwilligungsdialog ist eindeutig benannt',
str_contains($body, '<h2 id="analytics-consent-title">Cookie-Zustimmung</h2>'));
$consentCss = file_get_contents(APP_ROOT . '/assets/css/privacy-settings.css') ?: '';
$assert('Nur notwendige Cookies ist innen weiß gestaltet',
str_contains($consentCss, '[data-analytics-consent="denied"]')
&& str_contains($consentCss, 'background: #ffffff;'));
$assert('Matomo selbst ist im HTML nicht vorab eingebunden',
!str_contains($body, 'https://analytics.example.test')
&& !str_contains($body, '"siteId"'));