how to use No CAPTCHA reCAPTCHAs

Google Launch new version of reCAPTCHA “No CAPTCHA reCAPTCHAs” , Now how to use this in your website page or as a wordpress, durpal websites. This not irritate your visitor just like last reCAPTCHA . Google provide more solution for  web developer to make reCAPTCHA to relevant to website.

Features of new reCAPTCHA:

  • Visitors Happy to tap on that other then last version to fill form from image
  • Making more security from spam
  • Can be used in any platform mobile, desktop, laptop Web browsing
  •  Not so much time taken or Wrong Captcha

How to install reCAPTCHA ?

As you read from my last post on how to add reCAPTCHA in webpage i give your full demo of adding CAPTCHA. This is also just like that just need some changes in API.

How to replace reCAPTCHA “No CAPTCHA reCAPTCHAs”.

Here is few step need to follow for use new recaptcha.

  1. Go to Google reCAPTCHA
  2. Sign in with google account
  3. Register your website url for getting new API ( if your website already register then register it again to get new API)
  4. With your both Site key & Secret key visit reCAPTCHA documentation
  5. Copy new code from there for Client side & server side integration.

Here is code you copy to page where you want to show reCAPTCHA.

Script Put in Head section

<script type="text/javascript">
      var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : 'your_site_key'
        });
      };
    </script>

Put this before Submit button in form

<div id="html_element"></div>

Paste this google script in page

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

 

Source: Google Blog
Source: Google Blog

 

Put new reCAPTCHA in wordpress website

For installing new reCAPTCHA you just install plugin and you can use reCAPTCHA on login your wordpress website.

VISIT HERE TO DOWNLOAD WORDPRESS PLUGIN

Leave a Comment