close
close
Creador de logotipos gratuito   /   Centro de ayuda   /   Banners de cookies   /   Cómo conectar Cookiebot a un sitio web en Turbosite

Cómo conectar Cookiebot a un sitio web en Turbosite

Cookiebot es el líder europeo en banners de cookies y consentimiento de datos, cumpliendo con GDPR, CCPA y ePrivacy. Escanea automáticamente el sitio, encuentra cookies y rastreadores, y genera un banner en 47 idiomas. Es un servicio de pago (desde 11 €/mes), con un plan gratuito para sitios de hasta 50 páginas. La instalación toma entre 5 y 10 minutos.

Qué necesitarás

  • Una cuenta en Cookiebot — regístrate en cookiebot.com (gratis para sitios pequeños)
  • Un sitio web publicado en Turbosite
  • 5–10 minutos

Paso 1. Registrarse y añadir el sitio

  1. Regístrate en cookiebot.com.
  2. En tu panel de control, haz clic en «Add domain» e introduce la URL de tu sitio.
  3. Cookiebot iniciará un escaneo automático (de 1 a 24 horas). Esto es necesario para crear una lista de las cookies que utiliza el sitio.
  4. Configura el diseño del banner: posición, color, texto e idiomas.

📷 Captura de pantalla: ventana de añadir dominio y configuración de diseño del banner.

Paso 2. Obtener el código del banner

  1. En tu panel de control, ve a Settings → Your scripts (o Implementation).
  2. Copia el script principal de Cookiebot; comienza con:
    <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="TU-ID" type="text/javascript" async></script>
    
  3. Opcionalmente, copia también la Declaración de cookies (Cookie Declaration); es una tabla con todas las cookies que normalmente se añade a la página de política de privacidad.

📷 Captura de pantalla: página de Implementation con los scripts listos.

⚠️ Verificar la actualidad: la interfaz de Cookiebot se actualiza. Si las secciones tienen nombres diferentes, busca «Implementation», «Scripts» o «Get code».

Paso 3. Insertar el código en Turbosite

El script de Cookiebot debe cargarse antes que todos los demás scripts en el sitio (Google Analytics, Meta Pixel, chats, etc.), ya que controla cuáles de ellos se ejecutarán según el consentimiento del usuario.

  1. Abre tu sitio en Turbosite.

    website settings

  2. Ve a Configuración del sitio → Integraciones → Código HTML en <head> (esta es la parte técnica de la página; los visitantes no la ven, pero los scripts se cargan desde allí al abrir el sitio).

    settings

  3. Pega el script de Cookiebot al principio del campo de código HTML en <head>, antes de cualquier otro script.
  4. Guarda y publica.

Paso 4. Verificar que el banner funciona

  1. Abre el sitio publicado en modo incógnito (es importante, ya que en modo normal el banner podría haberse ocultado tras el primer consentimiento).
  2. El banner de consentimiento de cookies debería aparecer en la parte inferior o lateral de la pantalla.
  3. Haz clic en «Aceptar», «Rechazar» o «Configuración» para comprobar que el banner responde.
  4. En Cookiebot → Statistics, tras unas horas, aparecerán los datos sobre los consentimientos de los visitantes.

Preguntas frecuentes

¿Necesito Cookiebot si no tengo audiencia europea? Si tu sitio puede ser visitado desde la UE, sí; según los requisitos del GDPR, el banner de consentimiento es obligatorio. Cookiebot también ayuda con la CCPA (California) y la LGPD (Brasil).

¿Cuánto cuesta? Free: para sitios de hasta 50 páginas/100 visitantes únicos al mes. Premium: desde 11 €/mes. Tarifas.

¿Cookiebot funciona con Google Analytics y otros rastreadores? Sí. Cookiebot identifica automáticamente los servicios populares (GA4, Meta Pixel, Hotjar, etc.) y los bloquea hasta obtener el consentimiento del usuario mediante el modo de consentimiento (Consent Mode).

El sitio no se identifica correctamente: el banner muestra cookies incorrectas. Inicia un nuevo escaneo del sitio en Cookiebot → Scan. Se recomienda volver a escanear después de cualquier cambio en el sitio.

¿Se puede personalizar el banner según mi marca? Sí, en Settings → Cookie banner → Customize. En los planes de pago, está disponible la personalización completa (CSS).

Qué consultar a continuación