How to use Smartsupp with Content security policy (CSP)?

Content Security Policy (CSP) is an added layer of security that helps to detect and mitigate certain types of attacks, including Cross Site Scripting (XSS) and data injection attacks. These attacks are used for everything from data theft to site defacement to distribution of malware.

If you are using CSP on your website, you will need to add the following rules for Smartsupp to work correctly: 

CSP v3 – strict, compatible with Google

Content-Security-Policy:
object-src 'none';
script-src 'nonce-{random}' 'strict-dynamic' 'unsafe-inline' https: http:;
base-uri 'self';
report-uri https://your-report-collector.example.com/

CSP v2

Content-Security-Policy: 
    connect-src: 
        wss://*.smartsupp.com
        https://*.smartsupp.com 
        https://*.smartsuppchat.com
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org
    font-src: 
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org 
    media-src: 
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org 
    img-src: 
        data: 
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org 
    script-src: 
        'unsafe-inline' 
        https://*.smartsuppchat.com 
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org 
    style-src: 
        'unsafe-inline' 
        https://*.smartsuppcdn.com
        https://smartsupp-widget-161959.c.cdn77.org 

Changelog

2020-04-17: Added following

connect-src:
      https://*.smartsuppchat.com
      https://*.smartsuppcdn.com
      https://smartsupp-widget-161959.c.cdn77.org