Consent banner sa na mobile nezobrazuje

Prečo je to dôležité

Banner, ktorý funguje na desktope, ale zlyháva na mobile, stále vytvára compliance dieru pre významnú časť trafficu a pri desktop-only QA sa ľahko prehliadne.

Ako to overiť manuálne

1. Otvorte web v mobile viewport emulácii a ideálne aj na reálnom telefóne.
2. Skontrolujte, či je banner nad foldom a nie je orezaný alebo skrytý.
3. Prejdite CSS, z-index a lazy-loaded kontajnery ovplyvňujúce banner.

Typické príčiny

• Responsive CSS skrýva banner kontajner pod určitým breakpointom.
• Banner sa načítava v komponente, ktorý sa na mobile vôbec nerenderuje.
• Sticky headery, overlaye alebo modaly banner prekrývajú.

Oprava v GTM

1. Skontrolujte, či sa mobile-specific triggre alebo CMP logika nelíšia od desktopu.
2. Overte, že CMP sa inicializuje aj pre mobile page varianty.
3. Po publishi test zopakujte na viacerých breakpoinoch.

Oprava vo WordPress alebo CMP pluginoch

1. Skontrolujte mobile theme nastavenia, cache pluginy a optimalizačné pluginy, ktoré menia poradie skriptov.
2. Overte, že CMP plugin renderuje banner aj v mobile templatoch.
3. Ak sa správanie líši, testujte s vypnutou cache a optimalizáciami.

Všeobecná oprava pre vývojára

1. Auditujte responsive CSS a viewport-specific render conditions.
2. Uistite sa, že banner sa renderuje včas a nad konkurenčnými overlaymi.
3. Mobile QA berte ako samostatnú compliance cestu, nie len desktop variant.

Ako potvrdiť, že oprava funguje

• Potvrďte zobrazenie banneru na reálnom mobile.
• Potvrďte, že používateľ vie na mobile kliknúť Accept aj Reject.
• Spustite nový sken s mobile evidence, ak je dostupný, a overte zmiznutie issue.