Integraciones

Consentimiento de cookies para WordPress

El banner tiene que cargarse antes que las etiquetas que imprimen tu tema y tus plugins, así que va en wp_head con la máxima prioridad.

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 con las categorías de cookies Analítica (ANALYTICS) y Publicidad (MARKETING), desactivadas por defecto, publícalas y publica el banner. Crea una clave publicable de TEST para localhost:3000. Es un tema de WordPress: imprime la etiqueta de cmp.js desde functions.php en wp_head con prioridad 1, y cambia las etiquetas <script> de analítica de nuestras plantillas a type="text/plain" con 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. Imprime la etiqueta la primera en el <head>

// En el functions.php de tu tema (hijo), o en un plugin de fragmentos de código.
// La prioridad 1 la imprime antes que las etiquetas que otros plugins añaden al <head>.
add_action('wp_head', function () {
    echo '<script src="https://croombit.com/cmp.js" data-tc-api-key="pk_live_…"></script>';
}, 1);

2. Retén los rastreadores

Etiquetas en tus propias plantillas: type="text/plain" más data-tc-consent. Las que otros plugins imprimen directamente en la página se bloquean en la medida de lo posible cuando vienen de proveedores conocidos; para tener garantía, desactiva el fragmento del propio plugin y añade tú la etiqueta, etiquetada.

<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

Ponlos en un bloque HTML personalizado: la lista en tu página de política de cookies y el enlace en el pie.

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

Preguntas

¿Funciona con plugins de caché de página?

Sí. La etiqueta es la misma para todos los visitantes; la decisión vive en el navegador del visitante y en la bóveda, no en el HTML cacheado.