Consentl en Framer

Añada Consentl con el código personalizado «Start of <head> tag» de Framer, antes que los scripts de Framer, y sustituya su componente Cookie Banner.

Cargador el primero en el <head>: Depende del método

¿Puede el cargador ir el primero en el <head>? Casi. Framer tiene una ubicación «Start of <head> tag» que coloca el cargador antes que los propios scripts de Framer; solo las etiquetas meta y charset de Framer van antes. El runtime de Framer es un <script type="module" async> en el body. No es diferido, pero aun así se ejecuta después de un cargador síncrono situado al principio del <head>, porque el cargador va primero en el orden del documento. Esto convierte a Framer en el creador de sitios sin código más cercano a la configuración recomendada.

Requisitos

Un plan de sitio de pago con un dominio personalizado. El código personalizado solo se ejecuta en el sitio publicado.
Su clave del sitio de Consentl, en la página Configuración inicial de su sitio en el panel de control. Añada el nombre de host del sitio en el campo Dominios; www. y el dominio sin www cuentan como el mismo sitio, así que no hace falta añadir www. por separado.

Qué cubre su plan de Consentl

Free: solo banner, registro de consentimientos y bloqueo manual.
Pro: añade Google Consent Mode v2.
Business: añade el bloqueo automático de rastreadores conocidos y las reglas de bloqueo que añada en el panel de control.

En Free y Pro, solo se retienen las etiquetas que marque manualmente.

Instalación

En el proyecto de Framer, abra Project Settings → Custom Code y añada un fragmento.
Pegue:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Si el sitio también utiliza la plantilla de Consentl para GTM, añada &gcm=ext a la URL para que solo la plantilla envíe comandos de Consent Mode.
Placement: Start of <head> tag.
Pages: todas las páginas.
Run: Once. Framer navega en el lado del cliente, y la navegación en el lado del cliente no hace perder el banner. «Run on every page visit» volvería a inyectar el cargador en cada navegación. Mantenga idéntica la URL del cargador en todas las páginas.
Elimine de sus páginas el componente Cookie Banner de Framer si lo utilizaba. Solo debe haber un banner activo.
- El componente Cookie Banner también enviaba las llamadas de valores predeterminados y de actualización de Google Consent Mode. Si sus etiquetas de GTM o de Google dependían de ellas, el Consent Mode de Consentl las sustituye en el plan Pro y superiores.
- En Free no hay llamadas de Consent Mode una vez eliminado el componente. Marque manualmente el fragmento de GTM o de la etiqueta de Google (<script type="text/plain" data-consentl="analytics">…</script>, con la categoría que corresponda a lo que carga) para que solo se ejecute después del consentimiento.
Publish.
Opcional: añada un enlace con la URL #consentl («Configuración de cookies») al componente del pie de página. Los enlaces cuya URL termina en #consentl o #consentl-preferences, y cualquier elemento con el atributo data-consentl-open, abren las preferencias.

Comprobar que funciona

Pruebe el sitio publicado en una ventana privada. El código personalizado no se ejecuta en el lienzo ni en la vista previa.

La región del visitante se obtiene de su dirección IP: Consentl consulta el país en memoria en cada vista de página (no se almacena nada) y aplica la regla que haya definido para él en el panel de control. No se distingue entre estados de EE. UU.: los visitantes de EE. UU. reciben su regla para todo EE. UU. o, si no la hay, su primera regla de un estado de EE. UU. Un país desconocido recibe su regla para las regiones desconocidas (opt-in de forma predeterminada).

Idiomas

Las configuraciones regionales de Framer comparten el código personalizado de todo el sitio. Omita &l=… para utilizar el idioma predeterminado definido en el panel de control, o añada el fragmento por página o por configuración regional en Page settings → Custom Code, manteniendo idéntica la URL en todas las páginas de una configuración regional.

Utilice un componente Embed (HTML) en su página de política de cookies:

<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>

Utilice en su lugar data-consentl-request o data-consentl-withdrawal para el formulario de solicitudes sobre datos personales o el formulario de desistimiento de la UE. El formulario de desistimiento requiere el plan Pro o superior y debe activarse en el panel de control; de lo contrario, queda vacío.
Framer genera el componente Embed como un HTML insertado. Compruebe en el sitio publicado que aparece la tabla.
Si no aparece, enlace en su lugar a la declaración de cookies alojada: https://api.consentl.com/p/SITE_KEY/cookies (una página pública, siempre sincronizada con el panel de control; añada ?l=de para otro idioma).

Limitaciones

Las propias etiquetas meta y charset de Framer siguen yendo antes del fragmento. Son inofensivas.
Framer Analytics no utiliza cookies y lo carga Framer; Consentl no lo controla.
Las integraciones de seguimiento de Project Settings (Integrations), como Google Analytics, las inyecta Framer y es posible que Consentl no las bloquee. Es preferible usar las etiquetas de Google mediante GTM, o como código personalizado colocado después del fragmento de Consentl. Consentl retiene los rastreadores reconocidos que se cargan después de él (plan Business y superiores); en Free y Pro, solo se retienen las etiquetas que marque manualmente.
Etiquetas escritas directamente. Un <script src>, un píxel <img> o un <iframe> escrito en el código personalizado o en un Embed lo obtiene el navegador antes de que ningún script pueda detenerlo, aunque Consentl impida que se ejecute. Marque manualmente esas etiquetas y elimine los píxeles en <noscript>:
```
<script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">
```
Las etiquetas cargadas por código (GTM, el cargador JavaScript de un píxel) se retienen sin solicitud cuando el bloqueo automático está activado.

¿Se ha atascado? Escriba a support@consentl.com: respondemos en inglés en días laborables.