Com afegir consentiment de cookies al teu lloc web

Per afegir consentiment de cookies, primer fes una llista del que guarda el teu lloc als navegadors dels visitants i classifica-ho en estrictament necessari i opcional. Després afegeix un bàner (des d'una plataforma de gestió del consentiment o construït per tu mateix) que bloquegi els scripts opcionals, com l'analítica i els píxels publicitaris, fins que el visitant accepti; que ofereixi «Rebutjar» tan fàcilment com «Acceptar»; que recordi l'elecció i que permeti canviar-la més endavant. Un bàner que es mostra però no bloqueja res no fa la feina.

Aquesta guia és informació general sobre com funcionen tècnicament els bàners de consentiment, no és assessorament legal. Les normes de privadesa varien segons el país i canvien; comprova les normes que s'apliquen als teus visitants, o consulta un assessor.

Què requereix consentiment (en termes generals)

Les normes sobre cookies solen cobrir les cookies i tecnologies similars: localStorage, píxels de seguiment, empremtes digitals del dispositiu. La divisió habitual, basada en la guia de la UE i del Regne Unit:

Alguns detalls específics que són fàcils d'equivocar:

• La UE i el Regne Unit usen un model d'opt-in: les cookies opcionals esperen fins que el visitant accepti. La guia de reguladors com l'ICO del Regne Unit diu que el consentiment ha de ser una acció positiva i clara, i que la gent ha de poder activar o desactivar les cookies no essencials fàcilment.
• El Regne Unit va canviar el 2025. La Llei de Dades (ús i accés) del 2025 permet establir algunes cookies sense consentiment, incloent l'analítica usada només per millorar el teu propi lloc i que produeixi estadístiques agregades que no puguin identificar persones, amb el deure d'informar clarament els usuaris. Llegeix la guia actual de l'ICO abans de confiar-hi.
• Diversos estats dels EUA usen un model d'opt-out per a la «venda» o la «compartició» de dades personals amb publicitat dirigida, i alguns esperen que respectis el senyal Global Privacy Control a nivell de navegador.
• Anuncis de Google: a setembre de 2026, Google exigeix que els editors que usen AdSense, Ad Manager o AdMob usin una plataforma de gestió del consentiment certificada per Google i integrada amb el Marc de Transparència i Consentiment de l'IAB quan serveixin anuncis a l'EEE, al Regne Unit i a Suïssa.

Opcions: CMP, biblioteca o solució pròpia

L'última opció és poc valorada. Si només vols recomptes de visitants, una eina d'analítica sense cookies pot eliminar la necessitat d'un bàner en molts llocs; comprova la seva documentació i les normes locals.

Si fas servir anuncis de Google a Europa, una CMP certificada és l'opció pràctica. Per a un lloc de petita empresa només amb analítica, un bàner propi ben construït o una biblioteca sovint n'hi ha prou.

Com funciona un bàner per dins

La part que la gent salta és el bloqueig. Una configuració correcta:

1. Abans de cap elecció, només s'executen les cookies i els scripts necessaris. L'analítica, els píxels i les integracions no es carreguen de cap manera (o, amb les etiquetes de Google, es carreguen amb el consentiment denegat).
2. El bàner mostra eleccions clares al primer nivell: Accepta-ho tot, Rebutja-ho tot, i una manera d'escollir per categoria.
3. Quan es tria, el lloc ho guarda, normalment en una cookie de primera part o en localStorage, amb una versió i una data, i després carrega només les categories acceptades.
4. En visites posteriors, es llegeix l'elecció guardada abans que es carregui res d'opcional.
5. Un enllaç de «Configuració de cookies», normalment al peu de pàgina, torna a obrir les opcions en qualsevol moment. Retirar el consentiment ha de ser tan fàcil com donar-lo.
6. Si canvies el que uses, incrementa la versió perquè es torni a preguntar a la gent.

Mode de consentiment de Google

Per a Google Analytics i Google Ads, el mode de consentiment de Google connecta les etiquetes amb el bàner. A setembre de 2026, la documentació de Google descriu quatre tipus de consentiment principals: ad_storage, analytics_storage, ad_user_data i ad_personalization. Estableixes un valor per defecte abans que es carregui l'etiqueta de Google, i després una actualització quan el visitant tria:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// més tard, quan el visitant accepta només l'analítica:
gtag('consent', 'update', { analytics_storage: 'granted' });

Google descriu una implementació bàsica, en què les etiquetes no es carreguen fins al consentiment, i una avançada, en què les etiquetes es carreguen amb el consentiment denegat i envien senyals sense cookies. La bàsica és més senzilla de raonar. Per al trànsit de l'EEE, Google espera que s'enviïn els senyals ad_user_data i ad_personalization. Consulta com configurar Google Analytics per a l'etiqueta en si.

Prompts que funcionen

Afegeix un bàner de consentiment de cookies. Categories: necessàries (sempre activades), analítica (Google Analytics 4) i màrqueting (píxel de Meta). Res d'analítica o màrqueting no es pot carregar abans del consentiment. Primera pantalla: «Accepta-ho tot», «Rebutja-ho tot» i «Personalitza», amb la mateixa prominència. Guarda l'elecció amb un número de versió i una data en una cookie de primera part durant 6 mesos, carrega només les categories acceptades i afegeix un enllaç de «Configuració de cookies» al peu de pàgina que torni a obrir el bàner. Usa el mode de consentiment de Google amb els quatre tipus per defecte denegats.

Llista totes les cookies, claus de localStorage i scripts de tercers que usa aquest lloc, quina pàgina els carrega i si són estrictament necessaris. Mostra una taula que pugui usar per a la política de cookies.

Les incrustacions de YouTube de /about es carreguen abans del consentiment. Substitueix-les per una miniatura i un botó de reproducció que només carregui el vídeo quan el visitant faci clic, i mostra una nota que diu que YouTube pot establir cookies.

Pas a pas

1. Audita el que estableix el teu lloc. Obre les DevTools → Application → Cookies i Local Storage en una visita nova, i revisa la pestanya Network per a les peticions de tercers. Inclou les incrustacions i els widgets de xat.
2. Categoritza cada element: necessari, preferències, analítica, màrqueting. Elimina el que no usis.
3. Decideix l'enfocament: CMP, biblioteca o solució pròpia, segons la taula de dalt.
4. Implementa el bloqueig perquè els scripts opcionals només es carreguin després del consentiment. Per a les etiquetes de Google, afegeix els valors per defecte del mode de consentiment abans de l'etiqueta.
5. Construeix el bàner amb opcions d'Acceptar i Rebutjar equivalents, eleccions per categoria i un enllaç de configuració.
6. Escriu la política de cookies (sovint forma part de la política de privadesa) que enumeri el que uses i per què; consulta com redactar les condicions del servei i la política de privadesa.
7. Prova-ho en una finestra privada: abans d'escollir, cap cookie ni petició opcional; després de rebutjar, encara cap; després d'acceptar, apareixen les correctes; després de canviar d'opinió, deixen d'aparèixer.
8. Revisa-ho de nou cada vegada que afegeixis una eina nova.

Errors habituals

• Un bàner que no bloqueja res. Els scripts s'executen en carregar la pàgina mentre el bàner pregunta educadament.
• «Accepta» és un botó gran i «Rebutja» està amagat en una segona pantalla o en un enllaç gris.
• Categories premarcades o interruptors d'«interès legítim» activats per defecte.
• No hi ha manera de canviar d'opinió després de la primera elecció.
• Oblidar les incrustacions: YouTube, els mapes, els canals de xarxes socials i els widgets de xat també poden establir cookies.
• Preguntar a cada càrrega de pàgina perquè l'elecció no es guarda bé.
• El bàner tapant la pàgina en mòbils, o atrapant el focus del teclat. Fes-lo accessible i prou petit perquè es pugui llegir i passar per sobre.
• Copiar la política d'un altre lloc que descriu cookies que no uses.

Llista de comprovació del consentiment

• Cada cookie, clau d'emmagatzematge i script de tercers enumerat i categoritzat
• Scripts opcionals bloquejats fins al consentiment (verificat a les DevTools)
• Acceptar i Rebutjar igual de fàcils al primer nivell
• Opcions per categoria disponibles; res d'opcional preseleccionat
• Elecció guardada amb una versió i una data; es torna a preguntar després de canvis
• Enllaç de «Configuració de cookies» a totes les pàgines
• Valors per defecte del mode de consentiment de Google establerts abans de les etiquetes de Google, si s'usen
• La política de cookies o de privadesa coincideix amb el que fa realment el lloc
• Normes dels països dels teus visitants revisades amb la guia actual o amb un assessor

Per al context, llegeix què són les cookies i què és el RGPD.

Consentiment de cookies a Mythex

Mythex no afegeix a la teva app un bàner de consentiment ni analítica per si sol; ambdues coses les demanes tu, així que decideixes què es carrega. Primer executa el prompt d'auditoria, després el del bàner amb les teves categories reals, i prova-ho a la vista prèvia amb les DevTools obertes abans de publicar. Si uses una CMP allotjada, et dona un script i un ID; l'ID és públic i pot anar al codi del front-end, i qualsevol cosa secreta pertany a la configuració del projecte (variables d'entorn i secrets). Torna a publicar després dels canvis perquè el lloc en viu usi el nou bàner.

Preguntes