Hola a todos… Perdón por el mensaje tan largo, pero he estado intentando solucionarlo por mi cuenta durante días usando ask.discourse + mi propia instancia de Claude. Hice que mi Claude compilara el informe adjunto, incluyendo lo que hemos probado y otras preguntas. Aquí está el contexto inicial para ustedes…
Contexto completo para el soporte de Discourse
Sitio: canbarforum.incba.org (requiere SSO desde nuestro sistema de gestión de miembros)
Tema: Horizon (tema remoto oficial de Discourse)
Versión de Discourse: v2026.9.0-latest (Ember v7.2.0)
Integración de terceros: Zoho SalesIQ (widget de seguimiento de visitantes, mantenido intencionalmente en estado “Busy” [Ocupado] — solo seguimiento, sin burbuja de chat visible prevista)
Objetivo
Instalar Zoho SalesIQ puramente para el seguimiento anónimo de visitantes (visualizaciones de página, presencia en vivo) — sin burbuja de chat visible, ya que el widget se mantiene deliberadamente en estado “Busy”. Funciona perfectamente en escritorio. Los navegadores móviles muestran una pantalla completamente negra que cubre toda la página.
Síntoma actual (sin resolver)
● Escritorio: totalmente funcional, el seguimiento funciona, sin problemas visuales.
● Móvil (todos los navegadores probados — Android Chrome, iOS): la página se carga, se confirma que el contenido real de Discourse está presente y estructuralmente correcto en el DOM debajo, pero una capa negra sólida cubre visualmente toda la ventana de visualización.
● Confirmado mediante la emulación móvil de Chrome DevTools (perfil Samsung Galaxy S20 Ultra) que la aplicación Ember de Discourse se inicia correctamente — esto no es un fallo de JS/bootstrap de Discourse. Algo se está pintando sobre una página completamente funcional.
No había oído hablar de esto, ¿es uno de nuestros plugins? ¿Podrías enlazar su página aquí en Meta? Si no es nuestro (no creo que lo sea), tendrás que reportar este problema a los desarrolladores de ese plugin.
Esto suena a que podría resolverse fácilmente con CSS personalizado. No puedo acceder a tu foro, pero prueba a inspeccionar la página y encontrar la superposición negra, para que quizás puedas configurarla como display:none.
Hola @chapoi… ¡gracias por la respuesta! Por cierto, no escribo código, así que usé una combinación de Claude y DiscourseHelper para intentar todas las correcciones posibles, incluyendo varios trucos de CSS personalizados. Nada funcionó. (P. D.: le pedí a Claude que documentara todo lo que probamos y está en el PDF que adjunté a mi publicación original.
Dicho esto, no estaba al tanto del cambio en SalesIQ al que me enlazaste. Eso podría ser justo lo que necesitaba. (edición: veo que el artículo tiene 9 años). Por cierto, cuando estaba obteniendo una copia fresca del script para incrustarlo (y justo ahora mientras buscaba el código solo de rastreo), no vi esa opción… pero tampoco estaba buscando específicamente eso. Voy a revisar más a fondo y les haré un reporte. Si tienen la oportunidad de echar un vistazo al documento que adjunté, tendrán una buena idea de lo difícil que fue intentar arreglar esto por mi cuenta. Pero… a modo de confesión… ni siquiera sé qué es un DOM.
He probado de todo y no logro que la versión móvil funcione correctamente. He movido el script de la ranura Common a la aplicación de escritorio. Ahora tengo el seguimiento de escritorio, pero no el de móvil.
Curiosamente, veo a alguien de Italia accediendo a mis áreas de administración y yo soy el único que tiene derechos de administrador. Asumo, basándome en tu foto de perfil, que eres tú quien está accediendo a mi red. ¿Es correcto?
En las capturas de pantalla de abajo, 2 = mi cuenta de administrador, 3 = mi cuenta de prueba, 1 = el administrador desconocido en Italia que está accediendo a mi sitio. El Gran Hermano te observa.
Gracias. Ya respondí. … Por cierto, para ti, @chapoi y cualquiera que esté leyendo, accidentalmente giré el teléfono a horizontal y el sitio se ve correctamente. Solo tiene un problema en vertical. ¡Espero que esto ayude!
Zoho carga una regla CSS responsiva que establece la clase genérica .mobile-view en display: none en vistas de tamaño vertical (portrait). Discourse también aplica mobile-view a su elemento raíz <html>, por lo que la regla de Zoho oculta inadvertidamente todo el documento. Al girar el dispositivo a modo horizontal (landscape), la vista se mueve fuera del punto de interrupción aplicable y el sitio vuelve a ser visible.
La CSS de Zoho debería limitarse solo a ese widget con:
.zsiq-container .mobile-view {
display: none;
}
en lugar de la que se usa actualmente:
.mobile-view {
display: none;
}
Sin embargo, he sobrescrito la regla en el componente de tema que estás utilizando con:
