Závažnost: VysokáVlastník: VývojČas na opravu: 30-90 min
Banner souhlasu se na mobilu nezobrazuje
Opravte problémy s viewportem, CSS a lazy-loadem, kvůli kterým banner na mobilu mizí nebo se vůbec nevyrenderuje.
Zahrnuje: mobile_banner_missing, consent_banner_mobile
Proč je to důležité
Banner, který funguje na desktopu, ale selhává na mobilu, zanechává compliance mezeru pro velkou část návštěvnosti a snadno uteče při QA omezeném jen na desktop.
Jak to ověřit ručně
- Otevřete web v mobilní emulaci a ideálně i na reálném zařízení.
- Ověřte, zda se banner zobrazuje above the fold a není ničím překrytý.
- Projděte CSS, z-index a lazy-load kontejnery, které mohou banner ovlivňovat.
Typické příčiny
- Responsivní CSS skrývá banner kontejner na některých breakpointech.
- Banner se načítá v komponentě, která se na mobilu nevyrenderuje.
- Sticky header, overlay nebo modal banner překrývá.
Oprava v GTM
- Zkontrolujte, zda se mobilní triggery nebo CMP logika neliší od desktopu.
- Ujistěte se, že CMP inicializuje i v mobilních variantách stránek.
- Po publikaci test zopakujte na více breakpointech.
Oprava ve WordPressu nebo CMP pluginech
- Prověřte mobilní nastavení themu, cache pluginy a optimalizační pluginy.
- Ověřte, že CMP plugin renderuje banner i v mobilních templates.
- Pokud se chování liší, testujte s vypnutou cache i optimalizacemi.
Obecná vývojářská oprava
- Udělějte audit responsivního CSS a viewport-specifických renderovacích podmínek.
- Zajistěte, aby se banner vyrenderoval včas a nad konkurenčními overlayi.
- Berte mobilní QA jako samostatnou compliance cestu.
Jak potvrdit, že oprava funguje
- Potvrďte, že se banner zobrazuje na reálném mobilním zařízení.
- Potvrďte, že uživatel může na mobilu použít Accept i Reject.
- Spusťte nový sken s mobilním evidence, pokud je k dispozici, a ověřte, že issue zmizelo.
Další krok
Po nasazení spusťte nový sken a potvrďte, že se změnilo skutečné runtime chování, nejen text banneru.