Info
Content

Working with Google reCAPTCHA

Unfortunately reCaptcha is causing many issues. In most cases the only working way is to exclude reCaptcha from the blocking by adding data-cmp-ab="1" to the <script ...>.

Manual blocking

Please add the following changes to your reCaptcha code:

Original code:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

Modified code:

<script type="text/plain" data-cmp-vendor="s1409" class="cmplazyload" data-cmp-src="https://www.google.com/recaptcha/api.js" async defer></script>

Automatic blocking

In most cases the automatic blocking will work perfectly fine with Google reCaptcha. In some cases the load order of reCaptcha can cause isses and reCaptcha does not appear on your website. If that is the case please check if the domains are assigned (see here). If all domains are assigned, Google reCaptcha is in your vendorlist and the reCaptcha still does not work, please try changing it to explicit rendering:

<script type="text/plain" data-cmp-vendor="s1409" class="cmplazyload" data-cmp-src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
<script type="text/javascript">
 var onloadCallback = function() {
 grecaptcha.render('id of the recaptcha element', {  'sitekey' : 'your_site_key'   });
 };
</script>
Back to top