Install ReCaptcha to Umbraco V7

I would like to install ReCaptcha to our Umbraco Version 7. But I can’t seem to find the correct approach. Basically I want to add the captcha element inside my custom form (not the Umbraco Form). Is there a way to do it? It seems the approach of adding the Recaptcha is not the same as how you add it in PHP application. How should I do this in Umbraco?

Update:
Recaptcha version can either be version 1, 2 or 3

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

reCaptcha V2 only requires a few simple lines of HTML to be inserted, AFAIK. You should be able to insert both a script tag and an HTML element anywhere inside your form element (inside Html.BeginForm if that’s what you’re doing) in your custom form, as long as you have an API key. I did this the other day and it just worked.

https://developers.google.com/recaptcha/docs/display

It doesn’t need “installation”, but it requires some fiddling with code.

Method 2

I wrote a post about it here a while back, https://www.jondjones.com/learn-umbraco-cms/umbraco-7-tutorials/umbraco-security/how-to-add-a-recapture-within-your-umbraco-website/

The quick option is to install recaptha mvc via Nuget and then decorate your controller with CaptchaValidator and use the Recaptcha in your HTML

Method 3

In your controller just check the form values and get the captcha value from it like this below, if that value is null then the person hasn’t filled it otherwise it will have a value in it.

var formData = Request.Form;
var captchaRequest = formData["g-recaptcha-response"];
if (string.IsNullOrWhiteSpace(captchaRequest))
{
    TempData["formError"] = "Fill in the Captcha box.";
    return CurrentUmbracoPage();
}

Method 4

Ok I found a solution with detailed explanation in this Blog

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0