Framer permite publicar un sitio cuidado en un día. También permite pegar un script de seguimiento en Custom Code y olvidarlo. Esta guía explica cuándo un sitio Framer necesita un banner, qué herramienta controla qué y cómo instalar y probar un banner que bloquee de verdad los scripts antes del consentimiento. Framer pertenece a la misma familia que Webflow, Wix o Squarespace: nuestra guía del banner de cookies en Webflow es la puerta de entrada de esta serie de plataformas y desarrolla los principios comunes.
¿Necesita un sitio Framer un banner de cookies?
La regla no depende del constructor de sitios. El artículo 5.3 de la Directiva ePrivacy, incorporado en España en el artículo 22.2 de la LSSI, exige un consentimiento previo antes de almacenar o leer información en el dispositivo del visitante, salvo que sea estrictamente necesaria para el servicio solicitado. Cuando esa información se vincula a una persona, el RGPD añade sus condiciones: un consentimiento libre, específico, informado e inequívoco, tan fácil de retirar como de dar.
En un sitio Framer sin añadidos, a menudo no hace falta ningún banner. Según Framer, sus estadísticas integradas (Framer Analytics) no utilizan cookies y no requieren consentimiento. Una cookie de sesión para una página protegida con contraseña o una cookie de balanceo de carga también quedan exentas, como explica nuestro artículo sobre cookies estrictamente necesarias. El razonamiento es el mismo que para un sitio Webflow sin Analytics: sin rastreador opcional, no hay consentimiento que recoger.
Todo cambia en cuanto añade alguno de estos elementos:
- Google Analytics 4, Google Ads o etiquetas de Google Tag Manager;
- un píxel de Meta, LinkedIn o TikTok;
- vídeos de YouTube o Vimeo incrustados, Google Maps, Calendly o formularios de HubSpot;
- un chat como Intercom o Crisp;
- herramientas de mapas de calor o grabación de sesiones como Hotjar o Microsoft Clarity.
Cada uno almacena o lee identificadores en el navegador. A partir de ahí, necesita un banner que pregunte primero y bloquee hasta que la respuesta sea sí.
De dónde vienen los rastreadores en un sitio Framer
Antes de elegir una herramienta, haga inventario de lo que su sitio carga realmente. En Framer, los rastreadores suelen entrar por cuatro vías:
- Project Settings → Custom Code, donde se suelen pegar GA4, GTM o los píxeles, al inicio o al final del
<head>o del<body>. - El código personalizado de una página, fácil de olvidar porque solo existe en esa página.
- Los componentes Embed, como un vídeo de YouTube, un mapa o un módulo de reservas, que cargan por sí mismos scripts y cookies de terceros.
- Los componentes y plugins del Marketplace, que pueden llamar a servicios externos.
La forma más rápida de comprobarlo es abrir el sitio publicado en una ventana privada y revisar las cookies en las herramientas de desarrollo del navegador, como muestra nuestra guía para ver las cookies de una web. Todo lo que aparezca antes de pulsar el banner es un problema.
Banner de cookies en Framer: las tres soluciones
El componente Cookie Banner de Framer
Framer ofrece un componente Cookie Banner gratuito que se coloca en un componente compartido, como la navegación, para que aparezca en todas las páginas. Se basa en Google Tag Manager: usted introduce el ID de su contenedor GTM en el panel de propiedades y las decisiones del visitante se transmiten a Google Consent Mode. Las categorías mostradas (Necessary, Preferences, Analytics, Marketing) se asocian a los tipos de consentimiento de Google. Puede definir un comportamiento distinto para la UE y el resto del mundo, elegir un consentimiento por defecto y mostrar un activador que permite volver a abrir el banner.
Su límite es estructural: solo controla lo que pasa por GTM. Un código de GA4 pegado en Custom Code, un vídeo de YouTube incrustado o un formulario de HubSpot se cargan sea cual sea la respuesta del visitante. Framer tampoco lo presenta como escáner de cookies ni como registro de consentimientos, así que no tendría nada que exportar si la AEPD le pidiera una prueba del consentimiento.
Un plugin del Framer Marketplace
El Marketplace ofrece plugins de consentimiento, como Consentful o Cookie PRO, que instalan un banner desde el editor. Algunos bloquean los scripts hasta la aceptación y envían señales de Consent Mode v2. Sus funciones, precios y forma de conservar los consentimientos varían mucho: lea cada ficha con atención y compruebe qué ocurre con los scripts que el plugin no controla.
Una CMP instalada mediante código personalizado
Una plataforma de gestión del consentimiento (CMP) es una herramienta dedicada que se carga con un breve fragmento de código al inicio del <head>. CookieYes, Cookiebot, CookieChimp y FlowConsent documentan una instalación en Framer. Una CMP suele analizar las cookies del sitio, bloquear los scripts por categoría hasta el consentimiento, enviar las señales de Consent Mode v2 y registrar cada decisión. Es la opción adecuada si usa varias herramientas fuera de GTM, gestiona un sitio multilingüe o necesita demostrar el consentimiento.
¿Cuál elegir?
Si todo pasa ya por GTM y solo usa etiquetas de Google, el componente integrado puede bastar, siempre que retire cada script de Custom Code. Si incrusta vídeos, formularios o un chat, o si quiere un registro de consentimientos, elija una CMP. El precio suele decidir: compare el coste de su CMP actual con nuestra calculadora y consulte nuestras páginas comparativas, por ejemplo CookieYes vs FlowConsent.
Cómo instalar un banner de cookies en Framer conforme al RGPD, paso a paso
Estos pasos suponen una CMP instalada mediante código personalizado. FlowConsent es un ejemplo concreto: su fragmento para Framer tiene dos partes, un bloque que pone por defecto todas las señales de consentimiento de Google en denied y el script que carga el banner.
Paso 1: inventariar los rastreadores
Anote cada script de Project Settings → Custom Code, cada script de página y cada elemento incrustado. Para cada uno, indique su finalidad (analítica, publicidad, funcional) y si de verdad requiere consentimiento.
Paso 2: sacar los scripts de seguimiento de Custom Code
Los códigos de GA4, GTM o píxeles pegados directamente en Custom Code se ejecutan al cargar la página, antes de que un banner pueda detenerlos. Elimínelos y declárelos como servicios en su CMP, que solo los cargará tras el consentimiento. Si mantiene GTM, coloque su contenedor al final del <head>, después del fragmento de la CMP.
Paso 3: pegar el fragmento de la CMP al inicio del head
En Project Settings → Custom Code, pulse Add Script, asígnele un nombre claro, pegue el fragmento y elija el inicio del <head> como ubicación. Déjelo activo en todas las páginas. Framer reserva el dominio propio a los planes de pago; si el editor le pide cambiar de plan al añadir el script, su plan actual no lo incluye.
Paso 4: seguir los cambios de página sin recarga
Un sitio Framer cambia de página en el navegador, sin recarga completa. Asegúrese de que su banner sigue esas navegaciones; de lo contrario, un script añadido en una página puede escapar al control del consentimiento. En FlowConsent es el ajuste modo SPA.
Paso 5: bloquear los elementos incrustados hasta el consentimiento
Vídeos, mapas y módulos de reservas instalan cookies en cuanto se cargan. Configure su CMP para sustituirlos por un marcador hasta que el visitante acepte la categoría correspondiente.
Paso 6: conectar Google Consent Mode v2
Si usa Google Analytics o Google Ads, el banner debe actualizar las cuatro señales de Consent Mode v2 (ad_storage, analytics_storage, ad_user_data, ad_personalization). Nuestra guía de implementación de Google Consent Mode v2 entra en detalle.
Paso 7: eliminar el Cookie Banner de Framer y publicar
Si había añadido el componente Cookie Banner de Framer, elimínelo. Dos banners significan dos decisiones contradictorias y un consentimiento que no podrá demostrar. Pulse después Publish: el código personalizado no se ejecuta en la vista previa del lienzo.
Cómo probar su banner de cookies en Framer
Abra el sitio publicado en una ventana privada. El banner debe aparecer, con «Aceptar» y «Rechazar» al mismo nivel. En la pestaña Red de las herramientas de desarrollo, ninguna petición a Google, Meta, LinkedIn u otro tercero debe salir antes de su clic. Rechace y recorra varias páginas: sigue sin salir nada. Acepte, y los scripts deben cargarse. Compruebe por último que un enlace o un botón flotante permite al visitante cambiar de opinión en cualquier momento.
Errores frecuentes en Framer
- Probar en el lienzo. El código personalizado solo se ejecuta en el sitio publicado.
- Dejar GA4 en Custom Code confiando en el componente integrado, que solo controla GTM.
- Mostrar dos banners tras instalar una CMP sin borrar el componente de Framer.
- Esconder el rechazo en una segunda capa. La guía sobre el uso de las cookies de la AEPD, actualizada en julio de 2023, pide que la opción de rechazar figure en la primera capa al mismo nivel que la de aceptar, y el informe del grupo de trabajo sobre banners de cookies del CEPD de enero de 2023 sigue la misma línea.
- Poner el banner solo en algunas páginas. Debe cargarse en todas, para bloquear los scripts y permitir retirar el consentimiento desde cualquier página.
Cómo gestiona FlowConsent el banner de cookies en Framer
FlowConsent se instala en Framer con un único fragmento pegado al inicio del <head>, en Project Settings → Custom Code, en unos diez minutos. Bloquea los scripts antes del consentimiento, integra Google Consent Mode v2, sigue los cambios de página de Framer con el modo SPA y analiza automáticamente las cookies de su sitio. Cada decisión se registra y puede exportarse como prueba de consentimiento, y los datos se alojan en Europa. FlowConsent es gratuito hasta 25 000 sesiones al mes; después, el plan Pro cuesta 14,99 € al mes hasta 100 000 sesiones. La guía de instalación en Framer recorre cada paso, incluida la eliminación del banner propio de Framer.