Google Recaptcha integration

thatswellwizard · Apr 2nd 2019

Has anyone had any luck integrating Google Recaptcha with Perch forms?

I've got it to work on normal forms elsewhere, but I can't get it to play nice on Perch Forms. Works if you're a user and interacting with the form, but still get loads of integrated spam coming through.

This will be because I usually validate with JS. Anyone had an experience making it work with Recaptcha and Forms through PHP validation?

Clive Walker · Apr 2nd 2019

There's a third party app here, https://github.com/ryangittings/mbk-forms

thatswellwizard · Apr 2nd 2019

That's brilliant, thanks Clive.

I'll take a look now.

ryan · Apr 2nd 2019

Thanks for the shoutout Clive!

Any questions, let me know.

thatswellwizard · Apr 3rd 2019

Thanks Ryan. Dead quick question, does your app make the call to the Forms app? In other words, does app="mbk_forms" replace app="perch_forms" rather than go in alongside it

ryan · Apr 4th 2019

It uses 'redispatch' to pass along to Perch Forms, so Perch Forms is a requirements, but isn't needed in the `app` tag.

Hope that makes sense! I'll try and update the docs to clear this too!

thatswellwizard · Apr 4th 2019

Perfect. Thanks Ryan

thatswellwizard · May 7th 2019

Hi ryan

Have you had any issues with your plugin putting the bulk of genuine enquiries into spam?

My client is getting about 15-20 genuine form submissions a week, and about 10-15 of them are being put in the spam folder.

Thanks

ryan · May 8th 2019

Hey,

I haven't personally, no! It's recaptcha that works out what's genuine and what's spam, might be worth tweaking some settings in the admin console and maybe lowering the spam detection level?

Have you put the script on every page?

Cheers,

Ryan

Clive Walker · May 8th 2019

Is this an issue with Recaptcha or a problem with email client/software filtering?

thatswellwizard · May 8th 2019

I have yes, as it was put in the in the header file.

In the admin console though, it's only 2.5% that the captcha has put as suspicious. So it I thought it may be Perch just putting it in that spam folder.

snavebelac · Jun 28th 2019

I've recently installed your excellent reCaptcha v3 plugin but my customer is now saying that too many genuine submissions are getting marked as spam. How do I tweak the threshold? I could not find anything in the Google console. Have I missed something obvious?

I have an older plugin that works with v2 (in a very similar way to Ryan's - using a redispatch) and I've not any complaints about that.

ryan · Jun 28th 2019

This is down to the way Recaptcha v3 works (google: recaptcha v3 marking as spam and you'll see the issues developers are having).

For a small contact form v2 seems to be more reliable and proven. I've actually updated the docs to show how you can integrate with v2 or v3.

Hope that helps!

Jakeness · Aug 27th 2019

Quote from ryan

Thanks for the shoutout Clive!

Any questions, let me know.

Hi ryan

Thanks for you work on this plugin.

I've edited this post a couple of times, I've seamed to get the google captcha working (I misspelt mbk_forms in the apps.php config file :P).

I've added 'required' to recaptcha input and added a perch:error tag for 'g-recaptcha-response' if you forget to do the recatcha and click submit button website loads to the top of the website and you have to scroll back down to the form (the error message is showing and re-captcha has to be competed before form will submit correctly) is this correct? or is this field validation something that should work automatically with in mbk_forms app?

HTML

<perch:input type="hidden" id="g-recaptcha-response" class="g-recaptcha-response" required>
<div class="g-recaptcha" data-sitekey="6LeOCbUUAAAAAPgnLFLpa_95w1Kr0NAU9gvBQzOS"></div>
<perch:error for="g-recaptcha-response" type="required">
<span class="error">Please confirm you are not a robot.</span>
</perch:error>

ryan · Aug 28th 2019

Hi Jakeness,

You'd use the perch:error on the honeypot field, not the g-recaptcha-response field. I'm not sure if Perch natively has an error for the honeypot field, but you could use the following to catch all types of errors:

Code

<perch:error for="all" type="general">

Lfgi_23 · Sep 20th 2019

ryan

Hi Ryan, first off thanks for the App!

I have installed and it appears to be working, but none of the failed captcha Mails are landing in Spam.

I am stuck as to what I could check to understand why the Spam Mails are still being sent to the client and not being added to Spam folder.

Do you have any suggestions?

Thank you

ryan · Sep 25th 2019

Hey!

Have you set the honeypot field in Perch's settings in admin? Have you updated the form app to `mbk_forms`.

Lfgi_23 · Oct 16th 2019

ryan

Hi, yes both are as should be.

Annabelle73 · Nov 4th 2019

In the admin console though, it's only 2.5% that the captcha has put as suspicious. So it I thought it may be Perch just putting it in that spam folder.

Lfgi_23 · Nov 7th 2019

Hi Ryan,

you have written

Quote from ryan

Have you updated the form app to `mbk_forms`.

should the 'perch_forms' NOT be added to the config file?

drewm Apr 2nd 2019