PLEASE stop using Google ReCAPTCHA and do this instead. (Cloudflare Turnstile)

Рет қаралды 11,989

Күн бұрын

Want to prevent bot spam on your website with a CAPTCHA? Don't use Google's ReCAPTCHA service. The user experience is awful and it's a privacy nightmare. Everybody's tired of clicking on the stop signs. Instead, try Cloudflare's Turnstile, which is a CAPTCHA alternative that's free, easy to set up and use, and more privacy-respecting.
Cloudflare Turnstile Documentation: developers.cloudflare.com/tur...
Cloudflare Turnstile Demo GitHub: github.com/cloudflare/turnsti...
🌐 My website: ericmurphy.xyz
💸 Support the Channel: ericmurphy.xyz/donate
🎥 Watch my videos on Odysee: odysee.com/@ericnmurphy
💻 My GitHub: github.com/ericmurphyxyz
0:00 What's wrong with Google ReCAPTCHA?
1:00 Why use ReCAPTCHA?
1:54 What's better about Cloudflare Turnstile?
3:55 Setting up Cloudflare Turnstile
5:20 Adding the front-end code
5:53 Adding the back-end code
8:09 Performance gains
8:40 Analytics
9:15 Conclusion

Пікірлер: 37

@panamacityboi Жыл бұрын

Wonderful content as usual, Eric. Thanks for sharing. I always find your stuff invaluable. Keep up the great work!

@sensationalopie Жыл бұрын

That intro was golden, great video!

@toma1610 Жыл бұрын

In the repository of Github I see this snippets at the begining: import explicitRenderHtml from './explicit.html'; import implicitRenderHtml from './implicit.html' Then here in the vieo, at 6:05 I read app.use(express.urlenconded...etc. appp.use(express.json...etc. Tell me something, is that something implemented by yourself, so you are customizing it? The documentation about the server side implementation doesn‘t include that code.

@skverskk Жыл бұрын

Great. Easy to follow and understand

@nickwoodward819 Жыл бұрын

Great video on a not very well covered tool, thanks! Have you got any idea why the widget only shows up like 1 in 3 times? I'm using the demo site key that should force a challenge, but no luck :/

@toma1610 Жыл бұрын

I saw that you‘ve been using the last Bootstrap. Did you also used its validation tools? Just upon implementing the first srcipts of the reCaptcha v3, the validation of Bootstrap just stop executing. You can submit a totally empty form y it it is submitted without any validation, or no working the submit button. Did it happen to you?

@nehalreshu5137 Жыл бұрын

i am not able to connect client and server side verification ? any help...

@djkomic 6 ай бұрын

I just installed Turnstile and it works. I put it on my Contact Form because I kept getting spam emails. However, I noticed now when I go on the contact form to test it, the Turnstile isn't on the page. When I fill out the contact form to test it, fill out the name, email, click send, it clears everything, and then Turnstile pops up asking to confirm if I'm a human. What if someone typed up a long message, and now they have to type it out again? Is there a solution to this?

@sumitrastogi5100 Жыл бұрын

Cloudflare turnstile doesn't work on most of the actual mobile devices.. It always fails when u tick the box of i am a human.. Not sure how to resolve this.. Anyone here who can help??

@dbc1010 5 ай бұрын

I guess your are not human ?

@act.13.41 Жыл бұрын

One of my biggest issues with recaptcha is the quality of the small photos, causing them to be hard for me to see. I hate them.

@Yavor0971 2 ай бұрын

Use the audio captcha.

@RedVRCC 2 ай бұрын

What's especially frustrating is when you get the captchas that say "select until none left", they fucking take so long to disappear when you click them for some reason. There's no fucking need for a fade animation on them, they should just disappear instantly when you click them. We hate captchas so dont make us sit on them even longer. It sucks cause the more you download or access on a site using them, the longer and more arduous the captchas get. Like I literally verified myself earlier, is it that hard to remember the IP that was verified and not make me have to do these every time I want to download an apk on modyolo or some shit? Thankfully I've been starting to see the cloudflare thing quite a bit more often now.

@GlenRobsonRobson Ай бұрын

3:08

@rmaculada 2 ай бұрын

Hello. Does Cloudflare works in China?

@angusmacgyver Жыл бұрын

I would like some local open source solution, and there are some. Maybe not as user friendly as this. But if I have to use something proprietary, maybe this over recaptcha.

@EricMurphyxyz Жыл бұрын

I prefer open source as well, but it's hard to find one as convenient to set up as this.

@nickwoodward819 Жыл бұрын

Pretty sure implicit rendering is borked. Widget shows up when it feels like it, which would be fine if I wasn't using the key to force a challenge, or if it actually attached the invisible field on every submission. But it doesn't.

@EricMurphyxyz Жыл бұрын

Hmm that's strange. Not sure what's going on. Does the explicit method work consistently?

@nickwoodward819 Жыл бұрын

@@EricMurphyxyz Hi Eric, I've not tried it yet (*edit, I now have, the async callback, same issue), but I think I've found the cause at least - placing the widget directly into my html renders it every time, inserting the widget into the html with the rest of my elements using JS causes it to intermittently render. I'm assuming it's some sort of race condition, but I'm not entirely sure why :/

@nickwoodward819 Жыл бұрын

Yeah, even with the asyc/explicit set up, ` onloadTurnstileCallback` isn't consistently called

@NazranaStudioOnlySad Жыл бұрын

Google recaptcha not visible issue

@EricMurphyxyz Жыл бұрын

Are you running it in invisible mode?

@WeiFinder 3 ай бұрын

How many times can you say google recaptcha in a video

@SIMULATAN Жыл бұрын

Wow now that's amazing But hold up... You are using VSC??

@panamacityboi Жыл бұрын

VSCodium maybe?

@EricMurphyxyz Жыл бұрын

Yes, VSCodium, not VSCode

@HamguyBacon Жыл бұрын

Cloudflare Captcha is 1000X worse than clicking on stop signs! i can't access any website that uses Cloudflare captcha because I'm stuck in an infinite loop!!! I've wasted near 20 minutes clicking the same damn button!

@davidtaylor2011 3 ай бұрын

Turnstile is 1000x worse than Google Recaptcha.

@hanifinio 2 ай бұрын

how

@davidtaylor2011 2 ай бұрын

@@hanifinio When it fails all the time, you are blocked outright. At least with Google Recaptcha, when you correctly click on the pictures enough times, it lets you in.

@davidtaylor2011 2 ай бұрын

@@hanifinio When it fails, you don't get access. At least with Google, it let's you in after a few tries.

@davidtaylor2011 2 ай бұрын

@@hanifinio When it fails, you are blocked. At least with a recaptcha system, you do eventually get past it.

@hanifinio 2 ай бұрын

@@davidtaylor2011 how do you fail