Il banner di consenso non appare su mobile

Perché è importante

Un banner che funziona su desktop ma fallisce su mobile lascia una falla di conformità su una quota importante di traffico ed è facile da ignorare in una QA solo desktop.

Come verificare manualmente

1. Apri il sito in emulazione mobile e, se possibile, su un dispositivo reale.
2. Verifica se il banner appare sopra la piega e senza essere nascosto.
3. Ispeziona CSS, z-index e container lazy-load che possono influenzare il banner.

Cause tipiche

• Il CSS responsive nasconde il contenitore del banner su alcuni breakpoint.
• Il banner si carica in un componente che non rende su mobile.
• Un header sticky, overlay o modal copre il banner.

Correzione in GTM

1. Controlla se i trigger mobile o la logica CMP differiscono dal desktop.
2. Assicurati che il CMP si inizializzi anche nelle varianti mobile delle pagine.
3. Ritesta dopo la pubblicazione su più breakpoint.

Correzione in WordPress o plugin CMP

1. Verifica impostazioni mobile del tema, plugin di cache e ottimizzazione.
2. Assicurati che il plugin CMP renderizzi il banner nei template mobile.
3. Prova con cache e ottimizzazioni disattivate se il comportamento cambia.

Correzione generica lato sviluppo

1. Audita il CSS responsive e le condizioni di rendering specifiche del viewport.
2. Assicurati che il banner venga renderizzato presto e sopra overlay concorrenti.
3. Tratta la QA mobile come un percorso di conformità autonomo.

Come confermare che la correzione funziona

• Conferma che il banner appaia su un dispositivo mobile reale.
• Conferma che l'utente possa usare Accept e Reject su mobile.
• Esegui una nuova scansione con evidenza mobile se disponibile e verifica che il problema scompaia.