{"id":12402,"date":"2025-01-06T09:00:00","date_gmt":"2025-01-06T09:00:00","guid":{"rendered":"https:\/\/www.bronco.co.uk\/our-ideas\/?p=12402"},"modified":"2025-01-07T15:29:33","modified_gmt":"2025-01-07T15:29:33","slug":"how-to-add-google-recaptcha-v3-to-a-form-php-html","status":"publish","type":"post","link":"https:\/\/www.bronco.co.uk\/our-ideas\/how-to-add-google-recaptcha-v3-to-a-form-php-html\/","title":{"rendered":"How to add Google reCAPTCHA v3 to a Form (PHP\/HTML)"},"content":{"rendered":"\n

Google’s reCAPTCHA v2 made the user interact with a box (see our integration guide<\/a>); having to click “I’m not a robot” was annoying and hindered conversion rates. v3 removes that, working behind the scenes to calculate whether a bot or human is completing the form. <\/p>\n\n\n\n

Step 1<\/h3>\n\n\n\n

Sign up and get your keys here: https:\/\/www.google.com\/recaptcha\/admin<\/a>; make sure to select “v3”. You will get a SITE key and a SECRET key. <\/p>\n\n\n\n

Step 2<\/h3>\n\n\n\n

Include this on your page:<\/p>\n\n\n\n

\n
\n
\n
<script src="https:\/\/www.google.com\/recaptcha\/api.js?render=SITE_KEY"><\/script>\n<script>\n    grecaptcha.ready(function() {\n        grecaptcha.execute('SITE_KEY', {action: 'contact_us'}).then(function(token) {\n            \/\/ Send the token to your server\n            document.getElementById('recaptcha-token').value = token;\n        });\n    });\n<\/script><\/code><\/pre><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
Where “action” is whatever descriptive term you want to give the page\/type of form you’re working with and SITE_KEY is the site key that was generated in Step 1. <\/p>\n\n\n\n
Step 3<\/h3>\n\n\n\n
Add the following into your form:<\/p>\n\n\n\n
<input type="hidden" name="recaptcha_token" id="recaptcha-token"\/><\/code><\/pre><\/div>\n\n\n\n
Step 4<\/h3>\n\n\n\n
On form submission do this:<\/p>\n\n\n\n
$response = file_get_contents("https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret=SECRET_KEY&response=".$_POST['recaptcha_token']);\n$responseData = json_decode($response);\n\nif($responseData->success && $responseData->score >= 0.5){\n    \/\/ User is likely human; process form submission\n}else{\n    \/\/ Possible bot or suspicious activity; abort form submission\n}<\/code><\/pre><\/div>\n\n\n\n
Where SECRET_KEY is the secret key generated in Step 1. You can tweak the score to suit; 0 means it’s definitely a bot and 1 means it’s definitely a human. <\/p>\n\n\n\n
Enjoy!<\/p>\n\n\n\n
<\/p>\n\n\n\n
This code is free to use at your own discretion. It comes without warranty. Please feel free to feedback any edits.<\/p>\n","protected":false},"excerpt":{"rendered":"
Google’s reCAPTCHA v2 made the user interact with a box (see our integration guide); having to click “I’m not a robot” was annoying and hindered conversion rates. v3 removes that, working behind the scenes to calculate whether a bot or human is completing the form. Step 1 Sign up and get your keys here: https:\/\/www.google.com\/recaptcha\/admin; […]<\/p>\n","protected":false},"author":12,"featured_media":12410,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"class_list":["post-12402","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/12402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/comments?post=12402"}],"version-history":[{"count":7,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/12402\/revisions"}],"predecessor-version":[{"id":12418,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/12402\/revisions\/12418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/media\/12410"}],"wp:attachment":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/media?parent=12402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/categories?post=12402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}