Samtyckesbannern visas inte på mobil

Varför det här är viktigt

En banner som fungerar på desktop men inte på mobil lämnar ett compliance-gap för en betydande del av trafiken och missas lätt i QA som bara görs på desktop.

Så verifierar du manuellt

1. Öppna webbplatsen i mobil emulering och helst även på en riktig enhet.
2. Kontrollera att bannern visas above the fold och inte täcks av något annat.
3. Inspektera CSS, z-index och lazy-load-containrar som kan påverka bannern.

Typiska orsaker

• Responsiv CSS döljer bannercontainern vid vissa breakpoints.
• Bannern laddas i en komponent som inte renderas på mobil.
• Sticky header, overlay eller modal täcker bannern.

Åtgärd i GTM

1. Kontrollera om mobila triggerar eller CMP-logik skiljer sig från desktop.
2. Säkerställ att CMP:n initialiseras även i mobila sidvarianter.
3. Testa igen efter publicering på flera breakpoints.

Åtgärd i WordPress eller CMP-pluginer

1. Granska temats mobilinställningar, cache-pluginer och optimeringspluginer.
2. Bekräfta att CMP-pluginet renderar bannern i mobila templates.
3. Testa med cache och optimeringar avstängda om beteendet skiljer sig.

Generell utvecklaråtgärd

1. Granska responsiv CSS och viewport-specifika renderingsvillkor.
2. Säkerställ att bannern renderas tidigt och ovanför konkurrerande overlays.
3. Behandla mobil QA som ett separat compliance-spår.

Så bekräftar du att åtgärden fungerar

• Bekräfta att bannern visas på en riktig mobil enhet.
• Bekräfta att användaren kan använda både Accept och Reject på mobil.
• Kör en ny skanning med mobilt bevismaterial om tillgängligt och kontrollera att problemet försvinner.