Consentbanner verschijnt niet op mobiel

Waarom dit belangrijk is

Een banner die op desktop werkt maar op mobiel faalt laat een compliance-gat achter op een groot deel van het verkeer en blijft makkelijk onopgemerkt in desktop-only QA.

Hoe je dit handmatig controleert

1. Open de site in mobiele emulatie en bij voorkeur ook op een echt apparaat.
2. Controleer of de banner boven de vouw verschijnt en niet verborgen wordt.
3. Inspecteer CSS, z-index en lazy-load-containers die de banner kunnen beïnvloeden.

Typische oorzaken

• Responsive CSS verbergt de bannercontainer op bepaalde breakpoints.
• De banner laadt in een component die op mobiel niet rendert.
• Een sticky header, overlay of modal bedekt de banner.

Fix in GTM

1. Controleer of mobiele triggers of CMP-logica afwijken van desktop.
2. Zorg dat de CMP ook op mobiele paginavarianten initialiseert.
3. Test opnieuw na publicatie op meerdere breakpoints.

Fix in WordPress of CMP-plugins

1. Controleer mobiele thema-instellingen, cacheplugins en optimalisatieplugins.
2. Controleer dat de CMP-plugin de banner in mobiele templates rendert.
3. Test met uitgeschakelde cache en optimalisaties als het gedrag afwijkt.

Algemene developersfix

1. Audit responsive CSS en viewport-specifieke rendercondities.
2. Zorg dat de banner vroeg rendert en boven concurrerende overlays staat.
3. Behandel mobiele QA als een zelfstandig compliance-pad.

Hoe je bevestigt dat de fix werkt

• Bevestig dat de banner op een echt mobiel apparaat verschijnt.
• Bevestig dat de gebruiker Accept en Reject op mobiel kan gebruiken.
• Draai een nieuwe scan met mobiele evidence indien beschikbaar en controleer dat het issue verdwijnt.