Banner zgody nie pojawia się na mobile

Dlaczego to ważne

Banner działający na desktopie, ale nie na mobile, zostawia lukę zgodności dla dużej części ruchu i łatwo przechodzi niezauważony przy QA ograniczonym do desktopu.

Jak zweryfikować to ręcznie

1. Otwórz stronę w emulacji mobile i, jeśli to możliwe, na prawdziwym urządzeniu.
2. Sprawdź, czy banner pojawia się above the fold i nie jest zasłonięty.
3. Zbadaj CSS, z-index i lazy-load kontenery, które mogą wpływać na banner.

Typowe przyczyny

• Responsive CSS ukrywa kontener bannera na części breakpointów.
• Banner ładuje się w komponencie, który nie renderuje się na mobile.
• Sticky header, overlay albo modal zasłania banner.

Naprawa w GTM

1. Sprawdź, czy triggery mobilne lub logika CMP różnią się od desktopu.
2. Upewnij się, że CMP inicjalizuje się także na mobilnych wariantach stron.
3. Przetestuj ponownie po publikacji na wielu breakpointach.

Naprawa w WordPressie lub wtyczkach CMP

1. Sprawdź mobilne ustawienia motywu, pluginy cache i pluginy optymalizacyjne.
2. Zweryfikuj, że plugin CMP renderuje banner w mobilnych szablonach.
3. Przetestuj przy wyłączonym cache i optymalizacjach, jeśli zachowanie się różni.

Ogólna poprawka developerska

1. Przeprowadź audyt responsive CSS i warunków renderowania zależnych od viewportu.
2. Upewnij się, że banner renderuje się wcześnie i ponad konkurującymi overlayami.
3. Traktuj QA mobilne jako osobną ścieżkę zgodności.

Jak potwierdzić, że poprawka działa

• Potwierdź, że banner pojawia się na prawdziwym urządzeniu mobilnym.
• Potwierdź, że użytkownik może używać Accept i Reject na mobile.
• Uruchom nowy skan z mobilnym evidence, jeśli dostępne, i sprawdź, że issue znika.