Comment gérer les cookies pour votre PWA ?

Consentements UE

Votre PWA peut demander aux visiteurs leur consentement aux cookies, via une alerte avec votre logo, votre couleur et un lien vers votre politique de confidentialité. Voici comment, dans Settings, « EU Consents ».

Le « Privacy center » s'ouvre sur « EU Consents ». Comme son titre l'indique, cette alerte concerne votre Progressive Web App.

Activez « Cookie alert mandatory for all European visitors » : les réglages de l'alerte s'affichent.

Consentement rapide

« Quick consent » est l'alerte que les visiteurs voient en premier. Rédigez son titre et un court texte, avec vos mots.

Dans « Link destination », choisissez la page de votre politique de confidentialité : ici, la section « Privacy policy » de River Daily, rédigée dans Settings, « Terms and Conditions ».

« Link title » est le texte où les visiteurs appuient pour la lire.

Consentement détaillé

« Detailed consent » s'ouvre quand les visiteurs veulent choisir. Gardez son titre et son texte, ou écrivez les vôtres.

En dessous, les statistiques et publicités de votre back office, que les visiteurs voient comme « Internal services ». Avec « Enabled by default » désactivé, c'est aux visiteurs de les cocher.

Logo et couleur

À droite, ajoutez votre logo, en 192 × 192 pixels. Il s'affiche en haut de l'alerte.

« Main color » sert aux boutons et aux liens de l'alerte : nous gardons le bleu de River Daily.

Vérifiez vos réglages, puis cliquez sur Save.

Dans votre PWA

Votre alerte ne s'affiche que dans votre PWA publiée. Publiez donc vos modifications : dans « Publish my project », cliquez sur « Update now »… et confirmez.

Désormais, les visiteurs qui ouvrent votre PWA voient votre alerte, avec votre logo, vos textes et votre couleur.

Votre lien ouvre votre politique de confidentialité… et de retour dans votre PWA, l'alerte attend une réponse. « Configure cookies » ouvre votre consentement détaillé.

Les « Cookies related to operation » sont toujours actifs. Les visiteurs cochent les services qu'ils acceptent… puis appuient sur Accept : leur choix est conservé, et l'alerte ne revient plus.

Pour changer d'avis, ils ouvrent votre section Settings : « Update my consent »… fait revenir l'alerte.

Les Google fonts

Un dernier réglage, pour vos polices. Le titre de River Daily, par exemple, utilise une police Google.

Dans « EU Consents », désactivez « Use Google fonts » si vous préférez vous en passer, puis cliquez sur Save.

Les polices Google de votre projet seront remplacées. Cliquez sur Continue.

Le titre de River Daily utilise maintenant une police standard, tout comme ses textes.

Comme toute modification, elle arrive dans votre PWA une fois publiée, dans « Publish my project ».