Perché le immagini non vengono visualizzate nel widget?
Se il widget di chat tawk.to non appare o non visualizza correttamente le immagini, potrebbe dipendere dalle impostazioni della Content Security Policy (CSP) del tuo sito web.
Cos’è la Content Security Policy (CSP)?
La CSP è una funzionalità di sicurezza del browser che controlla quali risorse (come immagini, script e stili) possono essere caricate. Sebbene aumenti la sicurezza, a volte può impedire il corretto caricamento di risorse legittime, come quelle di tawk.to.
Come identificare problemi legati alla CSPPotresti avere problemi legati alla CSP se:
Il widget appare brevemente e poi scompare.
Le immagini all’interno del widget non si caricano.
Il widget si comporta in modo imprevedibile o malfunziona.
Se riscontri uno di questi problemi, è consigliabile controllare le impostazioni CSP del tuo sito web.
Capire le impostazioni della Content Security PolicyLe impostazioni CSP ti permettono di specificare quali fonti sono considerate affidabili per caricare contenuti sul tuo sito. Se la tua CSP è troppo restrittiva, può bloccare immagini, script e stili necessari al corretto funzionamento del widget tawk.to.
Come risolvere: inserire tawk.to nella whitelist della CSPDevi aggiungere queste direttive negli header di risposta del tuo server per inserire nella whitelist le risorse necessarie di tawk.to:
Content-Security-Policy: style-src *.tawk.to fonts.googleapis.com cdn.jsdelivr.net
Content-Security-Policy: script-src *.tawk.to cdn.jsdelivr.net
Content-Security-Policy: frame-src *.tawk.to
Content-Security-Policy: font-src *.tawk.to fonts.gstatic.com
Content-Security-Policy: img-src *.tawk.to cdn.jsdelivr.net tawk.link s3.amazonaws.com
Content-Security-Policy: connect-src *.tawk.to wss://*.tawk.to
Content-Security-Policy: form-action *.tawk.to
Se non sei sicuro di come modificare la configurazione del server, consulta l’amministratore del tuo sito web o il provider di hosting. Per saperne di più, consulta this guide la guida su come aggiungere header ai server web più comuni.
Considerazioni aggiuntive
Svuota la cache del browser e aggiorna la pagina
I dati memorizzati nella cache potrebbero impedire l’applicazione delle modifiche recenti. Svuota la cache del browser e aggiorna la pagina per verificare se il widget viene visualizzato correttamente.
Testa su browser diversi
Alcuni browser possono gestire la Content Security Policy (CSP) in modo differente. Prova il widget su Chrome, Firefox, Safari e Edge per individuare eventuali problemi specifici di un browser.
Se hai commenti su questo articolo o hai bisogno di ulteriore assistenza:
Contattaci via live chat
Prenota una chiamata con il nostro team
Visita la nostra community