Guía de solución de problemas

Soluciones a problemas comunes de CookieBeam. Si no encuentra su respuesta, escriba a [email protected]

Acceso rápido:

Problemas de visualización del banner Problemas de Google Tag Manager Problemas de Consent Mode v2 Problemas de escaneo de cookies Problemas de rendimiento

Problemas de visualización del banner

El banner no aparece en mi sitio web

Verificar si el script se ha cargado

1. Abra su sitio web en Chrome
2. Presione F12 para abrir las Herramientas de desarrollador
3. Vaya a la pestaña "Network" (Red)
4. Refresque la página
5. Busque "cookiebeam" en el filtro
6. Si ve un estado 200, el script se cargó correctamente

Verificar el ID del banner

1. Vaya a su dashboard de CookieBeam
2. Haga clic en su banner → pestaña Instalación
3. Copie su ID de Banner
4. Compruebe que coincida con el ID en el código de su sitio web
5. Error común: Usar el ID incorrecto o dejar el marcador "YOUR-BANNER-ID"

Revisar errores de JavaScript

1. Abra Chrome DevTools (F12)
2. Vaya a la pestaña "Console" (Consola)
3. Busque mensajes de error en rojo
4. Si ve "CookieBeam is not defined" o similar, el script no está cargando
5. Intente añadir el atributo defer: script src="..." defer

Limpiar caché

1. Realice una recarga forzada: Ctrl+Shift+R (Win) o Cmd+Shift+R (Mac)
2. O limpie la caché del navegador por completo
3. Pruebe en modo incógnito o privado para testear

El banner se ve en escritorio pero no en móvil

Revisar ajustes adaptables

1. Vaya a Diseñador de Banner → Layout
2. Asegúrese de que "Mobile Responsive" esté activado
3. Pruebe diferentes tamaños de pantalla en DevTools (F12 → Device Toolbar)
4. Busque CSS conflictivo en la versión móvil

El banner aparece pero se ve mal o sin estilo

Conflicto de CSS

1. El CSS de su sitio podría estar sobrescribiendo los estilos del banner
2. Añada la prioridad !important en el CSS personalizado de CookieBeam
3. O aumente la especificidad del CSS en los ajustes del banner
4. Revise la consola del navegador por errores de CSS

El banner aparece cada vez que visito (no recuerda la opción)

Problemas de almacenamiento de cookies

1. Compruebe si su navegador bloquea cookies de terceros
2. Verifique que localStorage esté activado (necesario para guardar el consentimiento)
3. Compruebe si está en modo privado (las cookies no persisten)
4. Asegúrese de que otro script no esté borrando la cookie de consentimiento

Problemas de Google Tag Manager

El banner no se activa en el modo Vista previa de GTM

Revisar configuración de etiquetas

1. Abra el modo Vista previa de GTM
2. Busque la etiqueta "CookieBeam Consent" en la lista
3. Verifique que muestre "Tags Fired" y no "Tags Not Fired"
4. Si no se activa, revise la configuración del activador
5. Use el activador "Consent Initialization - All Pages"

La etiqueta se activa pero el banner no aparece

1. Abra la consola del navegador (F12)
2. Busque la carga del script de CookieBeam
3. Revise si el ID del Banner es correcto en el código de la etiqueta de GTM
4. Verifique que la URL del script sea: https://cdn.cookiebeam.com/banner/...

Otras etiquetas siguen activándose sin consentimiento

Configurar requisitos de consentimiento

1. Abra cada etiqueta de GA4/Google Ads en GTM
2. Vaya a Configuración avanzada → Configuración de consentimiento
3. Active "Requerir consentimiento adicional para que se active la etiqueta"
4. Para GA4: Seleccione "Analytics Storage"
5. Para Google Ads: Seleccione "Ad Storage" y "Analytics Storage"
6. Guarde y publique

Asegurar que CookieBeam cargue primero

1. La etiqueta de CookieBeam debe usar el activador "Consent Initialization"
2. Esto se activa ANTES que todas las demás etiquetas
3. Otras etiquetas de marketing deben tener requisitos de consentimiento

Problemas de rendimiento

El banner carga lentamente

Optimizar la carga

1. Asegúrese de que el script tenga el atributo "defer"
2. Use la versión CDN (cdn.cookiebeam.com) en lugar de la autoalojada
3. Compruebe la velocidad de su conexión a internet
4. El banner debería cargar en < 500ms con buena conexión

El banner bloquea la carga de la página

Carga asíncrona

1. Use siempre los atributos defer o async en la etiqueta del script
2. Correcto: script src="..." defer
3. Nunca cargue de forma síncrona en el head

Depuración avanzada

Para desarrolladores: Use estos comandos en la consola para depurar CookieBeam

Verificar si CookieBeam cargó:

window.CookieBeam !== undefined

Obtener estado de consentimiento actual:

CookieBeam.getConsent()

Revisar dataLayer (GTM):

window.dataLayer

Forzar mostrar banner (pruebas):

CookieBeam.show()

Reiniciar consentimiento (pruebas):

CookieBeam.reset()

¿Aún necesita ayuda?

Si no encontró una solución aquí, ¡estamos para ayudarle!

✉️ Soporte por email

[email protected]

Respuesta en menos de 24 horas

❓ FAQ

Preguntas comunes

Respuestas rápidas

📚 Centro de aprendizaje

Guías y tutoriales

Documentación detallada

📊 Al informar de un problema: Incluya su ID de Navegador (en el dashboard), versión del navegador y pasos para reproducir el error. ¡Las capturas de pantalla ayudan mucho!