Consent-Banner wird auf Mobilgeräten nicht angezeigt

Warum das wichtig ist

Ein Banner, das auf Desktop funktioniert, aber mobil ausfällt, erzeugt weiterhin eine Compliance-Lücke für einen großen Traffic-Anteil und bleibt bei Desktop-only-QA leicht unentdeckt.

So prüfen Sie das manuell

1. Öffnen Sie die Seite in mobiler Viewport-Emulation und möglichst auf einem echten Gerät.
2. Prüfen Sie, ob das Banner oberhalb des Folds erscheint und weder abgeschnitten noch versteckt ist.
3. Untersuchen Sie CSS, z-index und lazy-geladene Container, die das Banner beeinflussen.

Typische Ursachen

• Responsive CSS blendet den Banner-Container unter bestimmten Breakpoints aus.
• Das Banner lädt in einer Komponente, die mobil nicht rendert.
• Sticky Header, Overlays oder Modals verdecken das Banner.

Behebung in GTM

1. Prüfen Sie, ob mobile-spezifische Trigger oder CMP-Logik vom Desktop abweichen.
2. Stellen Sie sicher, dass das CMP auch für mobile Seitenvarianten initialisiert.
3. Testen Sie nach Publish auf mehreren Breakpoints erneut.

Behebung in WordPress oder CMP-Plugins

1. Prüfen Sie mobile Theme-Einstellungen, Cache-Plugins und Optimierungsplugins, die die Script-Reihenfolge verändern.
2. Stellen Sie sicher, dass das CMP-Plugin das Banner auch in mobilen Templates rendert.
3. Testen Sie mit deaktivierten Caches und Optimierungen, wenn das Verhalten abweicht.

Allgemeine Entwicklerkorrektur

1. Auditieren Sie responsive CSS und viewport-spezifische Rendering-Bedingungen.
2. Stellen Sie sicher, dass das Banner früh und oberhalb konkurrierender Overlays rendert.
3. Behandeln Sie Mobile-QA als eigenen Compliance-Pfad, nicht nur als Desktop-Variante.

So bestätigen Sie, dass die Behebung funktioniert

• Bestätigen Sie, dass das Banner auf einem echten Mobilgerät erscheint.
• Bestätigen Sie, dass Nutzer mobil Accept und Reject bedienen können.
• Führen Sie einen neuen Scan mit Mobile-Evidence durch und prüfen Sie, dass das Issue verschwindet.