Integraciones

Consentimiento de cookies para Framer

Framer te deja añadir código al principio del <head> de todas las páginas desde los ajustes del sitio. Es todo lo que necesita el banner, y la analítica que añadas igual puede esperar a la elección del visitante.

Configúralo con tu agente de IA

Conecta el servidor MCP de Croombit a tu editor o agente de código y pega esto. Crea el sitio, las categorías de cookies y el banner, y edita tu código.

Con Croombit: crea un sitio para este proyecto y mantén las categorías de cookies que trae. Escribe el texto del banner y publícalo. Crea una clave publicable de TEST para localhost:3000. Usamos Framer: dame los fragmentos exactos para pegar en Site Settings → General → Custom Code, al principio del <head>, con nuestras etiquetas de analítica ya en type="text/plain" y data-tc-consent.

El agente trabaja en TEST. Pasar a LIVE son dos pasos en la consola: verificar tu dominio y cambiar a una clave LIVE; consulta pasar a LIVE.

O a mano

1. Site Settings → General → Custom Code

Pega la etiqueta en Start of `<head>` tag y publica. A partir de ahí está en todas las páginas.

<script src="https://croombit.com/cmp.js"
        data-tc-api-key="pk_live_…"></script>

2. Añade también la analítica desde Custom Code

Para retener Google Analytics hasta el consentimiento, añádelo bajo el banner, etiquetado, en lugar de con una integración que lo inserta a su manera:

<script type="text/plain" data-tc-consent="analytics" async
        src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>
<script type="text/plain" data-tc-consent="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXX');
</script>

3. Lista de cookies y enlace de ajustes

Usa un componente Embed en tu página de política de cookies, y otro en el pie:

<div data-tc-cookie-declaration></div>
<a href="#" data-tc-open-preferences>Configurar cookies</a>

Preguntas

Framer tiene su propio banner de cookies. ¿Lo desactivo?

Sí, si lo activaste: el visitante debe ver un solo banner, y solo Croombit registra cada decisión con prueba.

¿Funciona en el dominio de staging framer.app o framer.website?

Sí, con una clave de TEST cuya lista de orígenes incluya ese dominio. Cambia a la clave LIVE en tu dominio propio verificado.