Instale Consentl en su plataforma
Elija su plataforma y siga la guía. Cada una explica cómo instalar y conectar Consentl, qué configurar, cómo comprobar que funciona y qué no permite la plataforma.
Cómo encajan las piezas
- Panel de control
- En app.consentl.com. Aquí diseña el banner, elige sus regiones, revisa las cookies y los textos, y encuentra sus registros de consentimiento y sus solicitudes sobre datos personales.
- Clave del sitio
- Un identificador público que empieza por sk_ e indica a Consentl qué configuración de sitio debe usar. No es una contraseña.
- Cargador
- Un único script, el primero en el <head>. Aplica la elección del visitante, retiene las etiquetas que esperan el consentimiento y muestra el banner cuando es necesario.
- Plugin o fragmento de código
- Los plugins añaden el cargador por usted y transmiten cada elección a la configuración de consentimiento propia de su plataforma. En cualquier otro sitio, usted mismo pega el fragmento de código.
Antes de empezar (todas las plataformas excepto Shopify)
- Cree una cuenta gratuita en app.consentl.com y añada su sitio con todos los nombres de host en los que funciona (www y el dominio sin www cuentan como uno; añada por separado los dominios de staging). Empezar gratis
- Copie la clave del sitio desde la página «Configuración inicial» del sitio. Empieza por sk_ y es pública: identifica su sitio, no es una contraseña.
- Los plugins pueden obtener la clave por usted con su botón «Conectar». Si no, péguela o añada usted mismo el script del cargador.
- Las tiendas Shopify utilizarán en su lugar la aplicación de Consentl para Shopify, que no necesita clave del sitio. Llegará próximamente. Aplicación para Shopify (próximamente)
Shopify
Shopify
La aplicación de Consentl para Shopify llegará próximamente: una inserción en el tema, sin código ni clave del sitio, conectada a la Customer Privacy API.
Plugins para plataformas
WordPress
Instale el plugin de Consentl, haga clic en «Connect» y el banner se carga el primero en el <head>. Compatible con WP Consent API, cachés, WPML y Polylang.
WooCommerce
Las tiendas WooCommerce usan el plugin de Consentl para WordPress: la atribución de pedidos espera al consentimiento de marketing, con caché de página completa.
Shopware 6
Plugin de Consentl para Shopware 6.6 y 6.7: el banner el primero en el <head>, sustituye la barra de cookies y sincroniza los grupos de cookies.
PrestaShop
Módulo de Consentl para PrestaShop 8 y 9: el banner el primero en el <head>, páginas de privacidad, shortcodes, widgets, multitienda y el módulo de RGPD.
Magento 2
Módulo de Consentl para Magento y Adobe Commerce 2.4.6 a 2.4.8: cargador tras <meta charset>, puente con Cookie Restriction Mode y widgets de CMS.
Cualquier sitio web
Cualquier sitio web (fragmento)
Añada una etiqueta script, la primera en el <head>. El banner, los textos, las regiones, Consent Mode y el bloqueo se configuran en el panel de Consentl.
Google Tag Manager
Plantilla de Google Tag Manager, importada manualmente, que fija los valores predeterminados de Consent Mode v2 por región y, en Pro, transmite cada elección.
Creadores de sitios web
Webflow
Añada el cargador de Consentl al Head code de Webflow, transmita la elección a Webflow Analyze y entienda qué significa «no el primero en el head».
Wix
Añada Consentl como código personalizado de Wix, use Marketing Integrations, transmita cada elección al Consent Policy Manager de Wix y conozca sus límites.
Squarespace
Añada Consentl con la inyección de código de Squarespace, saque Google Analytics de la integración, desactive el banner de Squarespace y vea qué va primero.
BigCommerce
Instale Consentl en BigCommerce con Script Manager o en el tema Stencil para un bloqueo previo estricto, con un proceso de pago conforme con PCI y en Catalyst.
Ghost
Añada Consentl a Ghost con la inyección de código, o en el tema para que el cargador sea el primero en el <head>, y vea qué funciones de Ghost no retiene.
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.
Frameworks
Next.js
Coloque Consentl el primero en el <head> del layout raíz del App Router, cargue las demás etiquetas con ConsentlScript o use el _document del Pages Router.
Nuxt
Añada el cargador de Consentl a Nuxt 3 y 4 con app.head y tagPriority 0, para que se genere antes que cualquier otro script.
Astro
Añada el cargador de Consentl al layout base de Astro con is:inline, para que no se empaquete en un módulo diferido. Compatible con ClientRouter.
React, Vue, Angular (SPA)
Coloque el cargador de Consentl en index.html, no en un componente, en las aplicaciones de una sola página creadas con Vite, Create React App o Angular CLI.