Tawk.to

CSP for Tawk.to

supportchat

Using Tawk.to with Content Security Policy

Tawk.to is a free Chat/Support utility. Integrating it into CSP is quite simple... with the RapidSec Package for it.

Allow these directives in your CSP, to support Tawk.to in your Content Security Policy:

script-src
  https://embed.tawk.to
  https://cdn.jsdelivr.net/emojione/;
style-src
  'unsafe-inline'
  embed.tawk.to;
frame-src
  va.tawk.to;
img-src
  embed.tawk.to
  tawk.link
  cdn.jsdelivr.net/emojione;
font-src
  embed.tawk.to;
connect-src
  *.tawk.to
  wss://*.tawk.to;
media-src
  embed.tawk.to
  tawk.link;

The main domains used by Tawk.to are:

tawk.to
tawk.link

Tawk.to also depends on Content-Security-Policy packages for:

Sources:

Content Security Policy headers and rules for tawk.to(Offical Docs)inline styling CSP violation tawk.to embedded chat widget(Stackoverflow)RapidSec CSP Generator(RapidSec Data Network)

Example Content-Security-Policy violations / reports:

Using the above CSP package, will fix these errors that you may be seeing in your console logs:

script-src/script-src-elem/script-src-attrviolations

Refused to load the script 'https://embed.tawk.to/_s/v4/app/*/js/twk-main.js' because it violates the following Content Security Policy directive: "script-src 'self' 'report-sample'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

If you see inline style errors, you need to add SHA-256 hashes / nonces to your CSP with RapidSec:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'report-sample'". Either the 'unsafe-inline' keyword, a hash ('sha256-RFWPLDbv2BY+rCkDzsE+0fr8ylGr2R2faWMhq4lfEQc='), or a nonce ('nonce-...') is required to enable inline execution.

If you see inline eval() errors, RapidSec will generate your CSP with the specific content of the errors:

Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' 'report-sample'".

style-src/style-src-elem/style-src-attrviolations

Refused to load the stylesheet 'https://embed.tawk.to/_s/v4/app/*/css/chunk-vendors.css' because it violates the following Content Security Policy directive: "style-src 'self' 'report-sample'". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

If you see inline style errors, you need to add SHA-256 hashes / nonces to your CSP with RapidSec:

Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'report-sample'". Either the 'unsafe-inline' keyword, a hash ('sha256-RFWPLDbv2BY+rCkDzsE+0fr8ylGr2R2faWMhq4lfEQc='), or a nonce ('nonce-...') is required to enable inline execution.

font-srcviolations

Refused to load the font 'https://embed.tawk.to/fonts/tawk-font-icon-2.ttf?*' because it violates the following Content Security Policy directive: "font-src 'self'"

img-srcviolations

Refused to load the image 'tawk.to' because it violates the following Content Security Policy directive: "img-src 'self'".

frame-srcviolations

[Report Only] Refused to frame 'tawk.to' because it violates the following Content Security Policy directive: "frame-src 'self'".

form-actionviolations

[Report Only] Refused to send form data to 'tawk.to' because it violates the following Content Security Policy directive: "form-action 'self'".

connect-srcviolations

[Report Only] Refused to connect to 'tawk.to' because it violates the following Content Security Policy directive: "connect-src 'self'"