Add Google Recaptcha


Uncategorized

Updated May 22nd, 2022

Essential for WordPress forms, holy moly the spam.

There is the form protection and overall site protection (little badge often fixed to the bottom left of the browser window)

There is v2 and v3. v2 had the select all traffic lights from the grid below. v3 is behind the scenes.

I would imagine there are slightly different integration steps for forms with contact form 7 versus wpforms or other.

Get the Keys from Google

“Site Key” and a “Secret Key” from here. Once implemented you can go back to the admin panel to see some stats on it’s use.

Something Like:

“www.google.com/recaptcha/admin/site/12345”

Adding to Form

Contact Form 7: From the WP Dashbaord click on intergation > reCAPTCHA > Setup and you’ll see you need to add a “Site Key” and a “Secret Key.”

WPForms: here Super Simple.

Update Privacy/Terms

To comply with the reCAPTCHA terms of service, read and implement what was seen during the implementation step. By having the icon in the bottom right users can link to the terms.

You agree to explicitly inform visitors to your site that you have implemented reCAPTCHA v3 on your site and that their use of reCAPTCHA v3 is subject to the Google Privacy Policy and Terms of Use. reCAPTCHA may only be used to fight spam and abuse on your site. reCAPTCHA must not be used for any other purposes such as determining credit worthiness, employment eligibility, financial status, or insurability of a user.

By accessing or using the reCAPTCHA APIs, you agree to the Google APIs Terms of Use, Google Terms of Use, and to the Additional Terms below. Please read and understand all applicable terms and policies before accessing the APIs.

You acknowledge and understand that the reCAPTCHA API works by collecting hardware and software information, such as device and application data, and sending these data to Google for analysis. The information collected in connection with your use of the service will be used for improving reCAPTCHA and for general security purposes. It will not be used for personalized advertising by Google. Pursuant to Section 3(d) of the Google APIs Terms of Service, you agree that if you use the APIs that it is your responsibility to provide any necessary notices or consents for the collection and sharing of this data with Google. For users in the European Union, you and your API Client(s) must comply with the EU User Consent Policy. Your use of reCAPTCHA is subject to call limits. Google may in its sole discretion enforce these limits through any of the means described at call limits or in these terms of service.

Reposition Badge (if needed)

May need to reposition badge, in my case blocking my go-top button. Postion is inline which has the highest specificity so you’re going to need to use the !important property.

.grecaptcha-badge {
  bottom: 80px !important;
}

Sources

A video on adding to WP here

Some high level information from Google here