--- title: "Guía de solución de problemas | CookieBeam" description: "Solucione problemas comunes de CookieBeam. Soluciones para banners que no se muestran, problemas con el modo de consentimiento, integración de GTM y más." url: "https://cookiebeam.com/es/troubleshooting" lang: "es" image: "https://cookiebeam.com/opengraph-image.png?v=20261016" --- # Guía de solución de problemas Soluciones a problemas comunes de CookieBeam. Si no encuentra su respuesta, escriba a [support@cookiebeam.com](mailto:support@cookiebeam.com) ## 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. 1. Abra su sitio web en Chrome 2. 2. Presione F12 para abrir las Herramientas de desarrollador 3. 3. Vaya a la pestaña "Network" (Red) 4. 4. Refresque la página 5. 5. Busque "cookiebeam" en el filtro 6. 6. Si ve un estado 200, el script se cargó correctamente #### Verificar el ID del banner 1. 1. Vaya a su dashboard de CookieBeam 2. 2. Haga clic en su banner → pestaña Instalación 3. 3. Copie su ID de Banner 4. 4. Compruebe que coincida con el ID en el código de su sitio web 5. 5. Error común: Usar el ID incorrecto o dejar el marcador "YOUR-BANNER-ID" #### Revisar errores de JavaScript 1. 1. Abra Chrome DevTools (F12) 2. 2. Vaya a la pestaña "Console" (Consola) 3. 3. Busque mensajes de error en rojo 4. 4. Si ve "CookieBeam is not defined" o similar, el script no está cargando 5. 5. Cargue el script del banner de forma síncrona como primer elemento en el head de la página, sin async ni defer. #### Limpiar caché 1. 1. Realice una recarga forzada: Ctrl+Shift+R (Win) o Cmd+Shift+R (Mac) 2. 2. O limpie la caché del navegador por completo 3. 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. 1. Vaya a Diseñador de Banner → Layout 2. 2. Asegúrese de que "Mobile Responsive" esté activado 3. 3. Pruebe diferentes tamaños de pantalla en DevTools (F12 → Device Toolbar) 4. 4. Busque CSS conflictivo en la versión móvil ### El banner aparece pero se ve mal o sin estilo #### Conflicto de CSS 1. 1. El CSS de su sitio podría estar sobrescribiendo los estilos del banner 2. 2. Añada la prioridad !important en el CSS personalizado de CookieBeam 3. 3. O aumente la especificidad del CSS en los ajustes del banner 4. 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. 1. Compruebe si su navegador bloquea cookies de terceros 2. 2. Verifique que localStorage esté activado (necesario para guardar el consentimiento) 3. 3. Compruebe si está en modo privado (las cookies no persisten) 4. 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. 1. Abra el modo Vista previa de GTM 2. 2. Busque la etiqueta "CookieBeam Consent" en la lista 3. 3. Verifique que muestre "Tags Fired" y no "Tags Not Fired" 4. 4. Si no se activa, revise la configuración del activador 5. 5. Use el activador "Consent Initialization - All Pages" #### La etiqueta se activa pero el banner no aparece 1. 1. Abra la consola del navegador (F12) 2. 2. Busque la carga del script de CookieBeam 3. 3. Revise si el ID del Banner es correcto en el código de la etiqueta de GTM 4. 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. 1. Abra cada etiqueta de GA4/Google Ads en GTM 2. 2. Vaya a Configuración avanzada → Configuración de consentimiento 3. 3. Active "Requerir consentimiento adicional para que se active la etiqueta" 4. 4. Para GA4: Seleccione "Analytics Storage" 5. 5. Para Google Ads: Seleccione "Ad Storage" y "Analytics Storage" 6. 6. Guarde y publique #### Asegurar que CookieBeam cargue primero 1. 1. La etiqueta de CookieBeam debe usar el activador "Consent Initialization" 2. 2. Esto se activa ANTES que todas las demás etiquetas 3. 3. Otras etiquetas de marketing deben tener requisitos de consentimiento ## Problemas de Consent Mode v2 ### Google Analytics no recibe las señales de consentimiento #### Activar Consent Mode v2 1. 1. Vaya al Dashboard de CookieBeam → Ajustes del Banner 2. 2. Active "Google Consent Mode v2" 3. 3. Guarde los cambios 4. 4. En GA4, revise el informe en tiempo real para ver las señales de consentimiento 5. 5. Debería ver "granted" o "denied" para analytics_storage #### Verificar configuración de GA4 1. 1. En GTM, abra su etiqueta de configuración de GA4 2. 2. Compruebe que esté configurada para usar Consent Mode 3. 3. En Admin de GA4 → Recogida de datos → Estado del modo de consentimiento debe mostrar "Observado" ### Las señales de Consent Mode no se actualizan #### Revisar dataLayer 1. 1. Abra la consola del navegador (F12) 2. 2. Escriba: window.dataLayer 3. 3. Busque eventos de tipo "consent" 4. 4. Debería ver eventos de actualización cuando el usuario acepta/rechaza 5. 5. Formato: event "consent", consent_update ... ## Problemas de escaneo de cookies ### El escáner de cookies no detecta todas las cookies #### Múltiples métodos de escaneo 1. 1. Pruebe los métodos de escaneo automático y manual 2. 2. Escaneo manual: Visite todas las páginas importantes antes de finalizar el escaneo 3. 3. Algunas cookies solo aparecen tras acciones específicas (login, pago, etc.) 4. 4. Las cookies de terceros pueden requerir interacción del usuario para aparecer ### Categorías de cookies incorrectas #### Categorización manual 1. 1. Vaya a Dashboard → Escáner de Cookies → Resultados 2. 2. Haga clic en la cookie mal categorizada 3. 3. Cambie la categoría manualmente 4. 4. CookieBeam aprende de sus correcciones ## Problemas de rendimiento ### El banner carga lentamente #### Optimizar la carga 1. 1. Mantenga el cargador síncrono y en primer lugar en el head de la página; exclúyalo de los optimizadores de retardo de scripts. 2. 2. Use la versión CDN (cdn.cookiebeam.com) en lugar de la autoalojada 3. 3. Compruebe la velocidad de su conexión a internet 4. 4. El banner debería cargar en < 500ms con buena conexión ### El banner bloquea la carga de la página #### Cargador síncrono 1. 1. No añada async ni defer al cargador del banner. 2. 2. Utilice la URL canónica del cargador desde la pestaña de instalación del banner. 3. 3. Cargue de forma síncrona como primer elemento en el head de la página, antes de los rastreadores. ## 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 support@cookiebeam.com Respuesta en menos de 24 horas](mailto:support@cookiebeam.com) [❓ FAQ Preguntas comunes Respuestas rápidas](https://cookiebeam.com/guides) [📚 Centro de aprendizaje Guías y tutoriales Documentación detallada](https://cookiebeam.com/guides) **📊 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!