La bannière de consentement n'apparaît pas sur mobile

Pourquoi c'est important

Une bannière qui fonctionne sur desktop mais échoue sur mobile laisse une brèche de conformité sur une part importante du trafic et passe facilement sous le radar d'une QA limitée au desktop.

Comment vérifier manuellement

1. Ouvrez le site en émulation mobile et si possible sur un vrai appareil.
2. Vérifiez si la bannière apparaît au-dessus de la ligne de flottaison et sans être masquée.
3. Inspectez le CSS, le z-index et les conteneurs lazy-load susceptibles d'affecter la bannière.

Causes typiques

• Le CSS responsive masque le conteneur de bannière sur certains breakpoints.
• La bannière est chargée dans un composant qui ne rend pas sur mobile.
• Un header sticky, un overlay ou une modale recouvre la bannière.

Correction dans GTM

1. Vérifiez si les triggers mobiles ou la logique CMP diffèrent du desktop.
2. Assurez-vous que la CMP s'initialise aussi sur les variantes mobiles des pages.
3. Retestez après publication sur plusieurs breakpoints.

Correction dans WordPress ou les plugins CMP

1. Contrôlez les réglages mobile du thème, des plugins de cache et d'optimisation.
2. Vérifiez que le plugin CMP rend bien la bannière dans les templates mobiles.
3. Testez avec caches et optimisations désactivés si le comportement diffère.

Correction générique côté développeur

1. Auditez le CSS responsive et les conditions de rendu spécifiques au viewport.
2. Assurez-vous que la bannière se rend tôt et au-dessus des overlays concurrents.
3. Traitez la QA mobile comme un chemin de conformité à part entière.

Comment confirmer que la correction fonctionne

• Confirmez que la bannière apparaît sur un vrai appareil mobile.
• Confirmez que l'utilisateur peut utiliser Accept et Reject sur mobile.
• Lancez un nouveau scan avec preuve mobile si disponible et vérifiez que l'issue disparaît.