Ciao a tutti… mi scuso per il messaggio lungo, ma ho provato per giorni a risolvere il problema da solo utilizzando ask.discourse e la mia istanza di Claude. Ho chiesto a Claude di compilare il report allegato, incluso ciò che abbiamo provato e altre domande. Ecco il contesto iniziale per voi…
Contesto completo per il supporto Discourse
Sito: canbarforum.incba.org (richiede SSO dal nostro sistema di gestione dei membri)
Tema: Horizon (tema remoto ufficiale di Discourse)
Versione di Discourse: v2026.9.0-latest (Ember v7.2.0)
Integrazione di terze parti: Zoho SalesIQ (widget di tracciamento visitatori, mantenuto intenzionalmente in stato “Occupato” — solo tracciamento, nessuna bolla di chat visibile prevista)
Obiettivo
Installare Zoho SalesIQ esclusivamente per il tracciamento anonimo dei visitatori (visualizzazioni di pagina, presenza live) — nessuna bolla di chat visibile, poiché il widget è deliberatamente mantenuto in stato “Occupato”. Su desktop funziona perfettamente. I browser mobili mostrano uno schermo completamente nero che copre l’intera pagina.
Sintomo attuale (irrisolto)
● Desktop: completamente funzionante, il tracciamento funziona, nessun problema visivo.
● Mobile (tutti i browser testati — Android Chrome, iOS): la pagina si carica, il contenuto effettivo di Discourse è confermato presente e strutturalmente corretto nel DOM sottostante, ma uno strato nero opaco copre visivamente l’intero viewport.
● Confermato tramite l’emulazione mobile di Chrome DevTools (profilo Samsung Galaxy S20 Ultra) che l’app Ember di Discourse si avvia correttamente — questo non è un fallimento di JS/bootstrap di Discourse. Qualcosa viene disegnato sopra una pagina completamente funzionante.
Non ne avevo mai sentito parlare: si tratta di uno dei nostri plugin? Puoi linkarmi la sua pagina qui su Meta? Se non è nostro (non credo che lo sia), dovrai segnalare questo problema agli sviluppatori di quel plugin.
Sembra che questo problema possa essere risolto facilmente con CSS personalizzato. Non posso accedere al tuo forum, ma prova a ispezionare la pagina e a trovare l’overlay nero, in modo da impostarlo su display:none, forse?
Ciao @chapoi … grazie per la risposta! Solo per info, non scrivo codice, quindi ho usato una combinazione di Claude e DiscourseHelper per provare ogni possibile soluzione, inclusi diversi hack CSS personalizzati. Nulla ha funzionato. (P.S., ho fatto documentare a Claude tutto ciò che abbiamo provato ed è nel PDF che ho allegato al mio post originale.
Detto questo, non ero a conoscenza della modifica di SalesIQ a cui mi hai linkato. QUELLO potrebbe essere proprio ciò che ci vuole. (modifica: vedo che l’articolo ha 9 anni) Solo per info, quando stavo scaricando una copia fresca dello script da incorporare (e proprio adesso mentre cercavo il codice solo per il tracciamento), non ho visto quell’opzione… ma non stavo nemmeno cercando. Farò un controllo più approfondito e vi farò sapere. Se hai un momento per dare un’occhiata al documento che ho allegato, avrai un’idea di quanto ho provato a risolvere questo problema da solo. Ma… per trasparenza… non so nemmeno cosa sia un DOM.
Ho provato di tutto, ma non riesco a far funzionare correttamente la versione mobile. Ho spostato lo script dal slot Common all’app Desktop. Ora ho il tracciamento per desktop, ma non per mobile.
Curiosamente, vedo qualcuno dall’Italia che accede alle mie aree di amministrazione, e sono l’unico ad avere i diritti di amministratore. Mi immagino, in base alla tua foto del profilo, che sia tu a entrare nella mia rete. È corretto?
Nelle mie schermate qui sotto, 2 = il mio account di amministratore, 3 = il mio account di test, 1 = l’amministratore sconosciuto in Italia che accede al mio sito. Big Brother ci osserva.
Grazie. Ho risposto. … Per tua informazione, @chapoi e chiunque stia leggendo, ho accidentalmente ruotato il telefono in orizzontale e il sito è visibile. Il problema si presenta solo in modalità verticale. Spero che questo aiuti!
Zoho carica una regola CSS responsive che imposta la classe generica .mobile-view su display: none nei viewport di dimensioni verticali (portrait). Discourse applica inoltre mobile-view all’elemento radice <html>, quindi la regola di Zoho nasconde inavvertitamente l’intero documento. Ruotando il dispositivo in orizzontale (landscape), il viewport esce dall’intervallo del breakpoint applicabile e il sito diventa nuovamente visibile.
La regola CSS di Zoho dovrebbe essere limitata al solo widget interessato, utilizzando:
.zsiq-container .mobile-view {
display: none;
}
invece di quella attualmente in uso:
.mobile-view {
display: none;
}
Tuttavia, ho sovrascritto la regola nel componente del tema che stai utilizzando con:
