Google reCAPTCHA

CSP for Google reCAPTCHA

Privacyutilities

Using Google reCAPTCHA with Content Security Policy

Google reCAPTCHA reCAPTCHA protects your website from fraud and abuse via bots.

Allow these directives in your CSP, to support Google reCAPTCHA in your Content Security Policy:

script-src
  https://www.recaptcha.net
  https://recaptcha.net
  https://www.gstatic.com/recaptcha/
  https://www.gstatic.cn/recaptcha/
  https://www.google.com/recaptcha/;
frame-src
  *.recaptcha.net
  recaptcha.net
  https://www.google.com/recaptcha/
  https://recaptcha.google.com;
img-src
  www.gstatic.com/recaptcha;
worker-src
  www.recaptcha.net;

The main domains used by Google reCAPTCHA are:

recaptcha.net

Sources:

Using Google Recaptcha with Content Security Policy(Offical Docs)reCAPTCHA with Content Security Policy(Stackoverflow)Content Security Policy: The page's settings blocked the loading of a reCAPTCHA resource(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://www.recaptcha.net/recaptcha/api.js?onload=*&render=explicit&hl=' 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

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.

img-srcviolations

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

frame-srcviolations

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

form-actionviolations

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

connect-srcviolations

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