Banner se ne prikaže na mobilnih napravah

Zakaj je to pomembno

Banner, ki deluje na desktopu, ne pa na mobilnih napravah, pušča compliance vrzel za velik del prometa in jo lahko desktop-only QA zlahka spregleda.

Kako to ročno preveriti

1. Odprite spletno mesto v mobilni emulaciji in po možnosti na pravi napravi.
2. Preverite, ali je banner above the fold in ga ne prekriva drug element.
3. Preglejte CSS, z-index in lazy-load kontejnerje, ki lahko vplivajo na renderiranje bannerja.

Tipični vzroki

• Responsive CSS skriva banner kontejner na določenih breakpointih.
• Banner se nalaga v komponenti, ki se na mobilnih napravah ne renderira.
• Sticky header, overlay ali modal prekrivajo banner.

Popravek v GTM

1. Preverite, ali se mobilni triggerji ali CMP logika razlikujejo od desktopa.
2. Poskrbite, da se CMP inicializira tudi v mobilnih variantah strani.
3. Po objavi ponovno testirajte na več breakpointih.

Popravek v WordPressu ali CMP vtičnikih

1. Preglejte mobilne nastavitve teme, cache vtičnike in optimizacijske vtičnike.
2. Potrdite, da CMP vtičnik renderira banner tudi v mobilnih predlogah.
3. Če se vedenje razlikuje, testirajte z izključenim cacheom in optimizacijami.

Splošen developerski popravek

1. Auditirajte responsive CSS in viewport-specifične pogoje renderiranja.
2. Poskrbite, da se banner renderira zgodaj in nad konkurenčnimi overlay elementi.
3. Mobile QA obravnavajte kot ločeno compliance pot.

Kako potrditi, da popravek deluje

• Potrdite, da se banner prikaže na pravi mobilni napravi.
• Potrdite, da lahko uporabnik na mobilni napravi uporabi tako Accept kot Reject.
• Če so na voljo mobilni dokazi, zaženite nov scan in preverite, da težava izgine.